Complemento jQuery de gran tamaño: la imagen .gif del precargador no es visible en Internet Explorer 7

¿Alguien había experimentado ese problema antes? ¿Cuál sería una buena solución?

Estoy usando el complemento jQuery de gran tamaño para cargar la imagen de fondo en pantalla completa. De gran tamaño utiliza un .gif imagen como precargador básico. Esa imagen se muestra perfectamente en todos los navegadores excepto IE, donde es invisible.

¿Cómo puedo arreglar esto?


ACTUALIZACIÓN

Así es como se ve CSS para ese div:

#supersized-loader {
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px;
    text-indent:-999em;
    background-color:#111;
    background:rgba(0, 0, 0, 0.8) url(../images/progress.gif) no-repeat center center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

Por alguna razón, muestra el color de fondo en la parte superior de la imagen. Cuando elimino estos: background-color:#111; background:rgba(0,0,0,0.8) Puedo ver la imagen. ¿Cómo puedo modificarlo para que funcione en IE?

Agradecería su consejo!

preguntado el 10 de mayo de 11 a las 13:05

¿Es posible que el gif de carga esté detrás de otros elementos de la página? -

Tiene un índice z de 10, mientras que la imagen de fondo tiene un índice z de menos 999; por lo que no puede estar detrás de nada, ¿verdad? Pero incluso cuando configuro el índice z para la imagen .gif en 999, permanece invisible en IE7. Tiene que haber algo más. -

¿Podrías darnos el código de tus sitios web (un ejemplo en vivo sería lo mejor)? -

Sí, le agradecería que me echara un vistazo. Agregué el enlace al cuerpo de mi publicación. El .gif es perfectamente visible en todas partes excepto en IE. -

en IE, noto un cuadrado gris oscuro sin el gif de carga, ¿es eso lo que obtienes? -

1 Respuestas

Esta respuesta es el resultado de mi discusión con PENDO (ver comentarios). Aparentemente, IE7 muestra la imagen animada .gif debajo del color de fondo en el mismo div. Además, jQuery no parece permitir anteponer divs anidados y, como resultado, no pude colocar la imagen gif del cargador dentro del div de fondo en un complemento de gran tamaño. La solución viable fue eliminar el fondo por completo en CSS y reemplazar el .gif predeterminado relativamente feo del complemento de gran tamaño por uno más atractivo que no necesita ningún fondo.

respondido 01 mar '13, 01:03

Una corrección: lo miré y, de hecho, el div anidado se puede anteponer con jQuery. Sin embargo, a menos que me equivoque mucho, parece que EI7 todavía no representa la imagen gif cuando se antepone dentro de otro div con el fondo de color sólido. Entonces, la solución que se me ocurrió es la única solución funcional para mí, hasta ahora. - Dimitri Vorontzov

Podría, solo para intentarlo, crear una plantilla HTML que contenga solo el fondo (tamaño completo), la caja de carga (fondo) y el GIF de carga en su interior. Para ver si funciona, entonces, si eso funciona, entonces jQuery / Supersize está arruinando las cosas, si eso aún no funciona, hay un error de CSS que debe corregirse ;-) - Joshua - Pendo

Supongo que debería hacerlo solo por razones puramente científicas ... pero probablemente no encontraré tiempo. Ya estoy ocupado con un montón de otros problemas de jQ (más desafiantes) para resolver. - Dimitri Vorontzov

jeje, entonces lo dejamos por ahora jeje! Quizás pueda ser útil con cualquier otro problema de jQ que tenga. - Joshua - Pendo

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.