Hola compañeros, tengo una pregunta con la que espero me guíen a solucionar este problema que tengo. :)
Bueno paso a explicar, en mi página, tengo 3 capas una ensima de la otra, la idea es que yo las pueda hacer desaparecer y aparecer a pedido del usuario y para decir verdad esto lo hago, mediante pequeñísimo código JS que lo que hace es cambiar en el código CSS el valor
visibility:hidden por
visibility:visible y así lo hace cada vez que el usuario lo ejecute. En mi Firefox funciona de lujo pero con Internet Explorer es una verdadera pena, es decir puedo hacer que las capas aparezcan y desaparezcan pero es como si las capas estubieran siempre superpuestas a todo el contenido que va debajo es decir si hay un link debajo de donde está la capa ubicada, aunque la misma este oculta, no funciona, más bien el ratón ni siquiera pasa por encima de este sino que la capa está oculta (invisible...) pero de todos modos es como si estubiera allí. Ahhh, cuando a la capa se la hace aparecer, tampoco puedo hacer nada con el contenido de la capa, es como si simplemente esta no está allí aunque se vea, vuelvo a aclarar que todo con IE, Opera y Firefox es un placer.
Muchos saludos y desde ya muchísimas gracias :)
Por cierto, este es mi código javascript, más bien la función a la que llamo. Aclaro que el CSS es un simple style="visiblity:hidden;" y en una hoja de estilos tengo un id de capa.
Código HTML:
var capa
function cambio(idCapa){
if (document.layers) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
capa.visibility = (document.layers) ? "show" : "visible" ;
}else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
}