Así que estoy usando un .slideDown jQuery muy básico que funciona muy bien en FF, Safari y Chrome. No funcionará en absoluto en IE7. aquí es el guión:jQuery slideDown/slideUp no funciona en IE7
//Top Mailing List Drop down animation
$(document).ready(function() {
$('div#top_mailing_hidden').hide();
// Expand Panel
$("input#top_mailing").focus(function(){
$("div#top_mailing_hidden").slideDown("slow");
});
// Collapse Panel
$("input#top_mailing").blur(function(){
$("div#top_mailing_hidden").slideUp("slow");
});
});
He estado investigando durante horas y encontré algo acerca de un error relacionado con slideUp/abajo que hace que se fallará en IE7 cuando se utiliza en los descendientes de Postion : elementos fijos. Esta animación está ocurriendo dentro de una posición: barra de navegación fija, sin embargo, he intentado envolver los elementos internos con la posición: relativa, pero en vano, todavía no obtengo nada en IE. Además, observe que el elemento nav se está ocultando con jQuery, esa función está funcionando incluso en IE7, sin embargo, la barra deslizante/abajo no lo está.
Aquí es el CSS relacionados:
/* --------------Top Dropdown Mailing List------------------- */
#top_nav div#top_mailing{
float: right;
width: 351px;
padding: 0 10px 10px 5px;
background: url(images/top_mailing_bg.png) bottom center no-repeat;
position: absolute;
top: 0;
right: 0;
color: #fff;
text-shadow:0 -1px 0px #222;
}
#top_mailing #top_mailing_hidden{
font-size: .7em;
text-align: center;
position: relative;
height: 30px;
zoom: 1;
}
#top_mailing #top_mailing_hidden div{
}
#top_mailing #top_mailing_hidden a{
color: #acffc0;
font-weight: bold;
}
#top_mailing #top_mailing_visible{
height: 30px;
font-weight: bold;
font-size: .9em;
padding-top: 5px;
}
¿Se produce algún error? P.ej. en Firebug –
No, y acabo de cortar toda mi hoja de estilos y todavía funciona en FF y no en IE, así que ni siquiera está relacionado con CSS, pensé que era un problema de posicionamiento de CSS que IE no le gustaba. – Brian