navegadores - jquery internet explorer 11

jQuery alternar en Internet Explorer 7. Posición y altura Problema

Question

Hice un script simple que oculta / muestra un div oculto. La página ajusta automáticamente su altura en Firefox, Safari y Chrome.

Sin embargo, en Internet Explorer 7, el div se superpone a los contenidos en la parte inferior Actualmente estoy usando Joomla como CMS. ¿Dónde me he equivocado? Intenté incluir "posición: relativa" para los contenidos de abajo pero no está ayudando.

$j(idName).css({"opacity": "0"});
$j(idName).slideToggle(''fast'', function() { 
    $j(idName).animate({opacity:"1"}, function() {
        if(jQuery.browser.msie) {
            this.style.removeAttribute(''filter'');
            $j("#main-body").css("height","auto");
        }
    }); 

});

Visite http://educationtechnologysummit.com/sponsors-a-partners.html para obtener una vista más clara

Answer 1

No estoy seguro de tu pregunta, pero por lo que veo, creo que el problema que estás presentando es que cuando mueves el cursor sobre un elemento del menú en IE7, el menú div se esconde detrás de otros elementos. (El menú div que está oculto se muestra a través de la función jQuery slideToggle)

Parece que ha incluido un índice z para los divs ocultos, pero no especificó el índice z para los otros elementos que se supone que se superponen. IE7 puede permitir incorrectamente que los elementos con un índice z indefinido se superpongan a los elementos del menú.

EDITAR: Agrega a tu CSS esto:

#menu-spacer{z-index:489;}
#main-body{z-index:489;}

Answer 2

Su CSS debería funcionar bien en IE7 si elimina la position: relative estilo position: relative de la clase .wrapper en template.css (o elimine la clase .wrapper por completo).

Answer 3

Elimina esto de tu css. "posición: relativa"