[SOLUCIONADO] Animación CSS no funciona en IE

[javy7v]

Buenas amigos,

Me han pedido arreglar una pagina que no funciona en Internet explorer.

Nose si hay algun problema en poner la pagina pero lo voy a hacer porque es mas facil de ver que de explicar todo:

http://www.tejasa.es/productos

En Chrome , hace bien el efecto al hacer hover , gira y muestra el fondo del circulo para acceder a las secciones de la pagina pero en Explorer solo hace el giro sin dejar ver el fondo.

Por lo que veo es solo CSS el efecto no JS.

Hay alguna manera de adaptar esto a Explorer o tengo que hacer un diseño nuevo para que se vea distinto en explorer ?

Esto como se haria ? Como hago que un CSS solo se muestre en explorer ?

Asi ?

<!--[if !IE]><!--><link rel="stylesheet" type="text/css" href="../css/loquesea.css" /><!--<![endif]-->

Gracias!

[javy7v]

Por si a alguien le interesa después de mucho buscar y probar encontre la solución.

Resulta que a partir de Internet Explorer 10 en adelante , Microsoft desactivo el uso de los condicioanales como el IF que puse en el primer post y ya no se pueden usar.

Por lo que la solución esta en hacer un media querie haciendo que el navegador detecte algunos de los estilos propios que solo usa internet explorer.

Asi:

Código:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
<!--Introducir el estilo CSS que se desee-->
}

Ahora tengo otra duda pero no tiene nada que ver con esto asi que abrire otro hilo.