Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/05/2012, 17:41
gmonterog
 
Fecha de Ingreso: mayo-2012
Ubicación: Palma de Mallorca
Mensajes: 71
Antigüedad: 12 años
Puntos: 1
Respuesta: DIVs emergentes - compatibilidad con IE8

Hola djaevi:

El tema no tiene nada que ver con las transiciones. Aunque IE no las soporta, sencillamente las ignora. La transición solo afecta al modo en que se realiza un cambio de valor de una propiedad, pero no determina que ese cambio se lleve a cabo o no. No lo bloquean, si el navegador no soporta transiciones, el efecto se produce de forma brusca, pero se produce. En cualquier caso y por si las moscas, ya probé en su momento a anular esas líneas del CSS, pero como ya te he dicho, no tiene nada que ver.

Sigo indagando. Creo que el tema está relacionado en como interpreta IE8 el hecho de tener 3 divs superpuestos, las propiedades visibility y opacity y la pseudoclase :hover, pero la verdad es que no estoy seguro.

No tengo duda de que con JavaScript se pueda hacer lo mismo perfectamente, lo que pasa es que sencillamente no se absolutamente nada de JavaScript, por eso me voy apañando con CSS.

En cualquier caso, gracias por la info y que sepas que por supuesto que voy a investigar lo que me propones, aunque sea materia nueva para mí.

Saludos,

GMG.

Cita:
Iniciado por djaevi Ver Mensaje
Creo que claramente el problema de incompatibilidad lo tienes en
-moz-transition: all 2s;
-webkit-transition: all 2s;
Lo que te puedo recomendar es que hagas un script de javascript donde detectes que navegador usa el usuario y de ser viejo asignar el efecto mediante jquery, investiga los fade de jquery que te pueden dar el mismo resultado que la transicion que tienes en tu pagina