internet-explorer-9 - gratis - internet explorer 9 windows 7 64 bits

Necesito la transición de CSS3 para trabajar en IE9

Question

Creé una tarjeta de felicitación para un cliente con transición css pero no sabía que no era compatible con IE9.

La tarjeta de felicitación es esta http://voeux.geekarts.fr/v4.html

¿Hay alguna manera de hacer que esto funcione en IE9? poniendo un jQuery o cualquier hack, algo para que funcione en IE9.

Gracias

Answer 1

Puede probar el enfoque inverso con JQuery Transit http://ricostacruz.com/jquery.transit/

Asignará las transiciones de estilo JQuery a las transiciones CSS3 y con el código apropiado (a continuación), si las transiciones CSS3 no están disponibles, entonces puede ajustarse con gracia al estándar JQuery.

JQuery Transit utiliza un método de Javascript simple, transición () para realizar cada operación. La sintaxis es muy similar a JQuery animate ().

$(''.box'').transition({ opacity: 0 });

Si "asigna" la transición () a JQuery animate (), se realizará la misma operación en JQuery estándar (si está disponible). El siguiente código (tomado de la página de ejemplo) usará animate () si las transiciones CSS3 no están disponibles:

// Delegate .transition() calls to .animate()
// if the browser can''t do CSS transitions.
if (!$.support.transition)
$.fn.transition = $.fn.animate;

Answer 2

Como se identificó correctamente, Internet Explorer 9 fue el último de los navegadores de IE en no admitir la propiedad de transition o las animations . Dicho esto, también fue el último de los navegadores de IE en admitir comentarios condicionales , por lo que posiblemente podría poner código de respaldo en un comentario condicional solo de IE9, y entregarlo como solución a todos los usuarios de IE9 (y más abajo).

<!--[if lte IE 9]>
<script src="animation-legacy-support.js"></script>
<![endif]-->

Esto, por supuesto, solo se entregaría en el navegador es Internet Explorer 9 o inferior. Ahora, todo lo que queda por hacer es configurar la animación jQuery. Por ejemplo, podríamos ejecutar una imagen a través de una serie de transiciones como esta:

(function () {
"use strict";
$("img.kitten")
.animate({ width: 300 }, 1000) // Animate to 300px wide
.animate({ width: 50 }, 2000) // Then, to 50px wide
.animate({ opacity: .25 }, 1000); // Then, make it semi-transparent
}());

Cada vez que necesite configurar otro fotograma clave , simplemente agregue otra llamada a $.fn.animate y configure su estado objetivo, así como la duración de la animación.

Una cosa importante a tener en cuenta es que deberá cargar una versión de jQuery que admita sus versiones de IE de destino . jQuery 2.x solo admite Internet Explorer 9 y superior, sin embargo, jQuery 1.x es compatible con Internet Explorer versiones 6 y superior.

¡Espero que esto ayude!