internet explorer - ¿Cómo funciona css3pie?
internet-explorer plugins (2)
El sitio web de CSS3Pie tiene muchos detalles, pero intentaré explicarlo un poco.
Internet Explorer es compatible con una característica llamada CSS Behaviors . Esta es una característica específica de IE que le permite especificar la funcionalidad de Javascript que se ejecutará cuando se desencadene un evento CSS.
Para esto usa archivos con una extensión .HTC , que básicamente es un código Javascript con un envoltorio de código XML personalizado. Dado que Behaviors es una característica específica de IE, no se ha utilizado mucho, con la notable excepción de un puñado de hacks similares a CSS3Pie, diseñados para evitar algunas de las deficiencias del navegador.
En el caso de CSS3Pie, implementa varias características que faltan en IE. Estos son radio de borde, sombra de caja y gradiente lineal.
Todas estas cosas se pueden hacer en IE (incluso versiones anteriores), pero de formas no estándar. Por ejemplo, IE admite un lenguaje de gráficos vectoriales llamado VML (de nuevo, esto es específico de IE). VML le permite dibujar gráficos usando Javascript e incluye funciones para crear cajas con esquinas redondeadas, rellenos degradados y sombras.
CSS3Pie combina estas características específicas de IE. Como comportamiento de CSS, desencadena código JavaScript cuando se utiliza un código CSS específico. Este javascript crea elementos adicionales en la página que contiene VML, que luego se diseña para que coincida con el elemento al que se aplica la clase CSS. El elemento principal se modifica para eliminar la mayoría de los estilos relevantes, de modo que se puedan ver los estilos del elemento VML detrás de él.
Al final del día, es un truco. En realidad, no agrega nuevas características a IE; simplemente hace que algunas funciones existentes de IE funcionen de una forma un poco más estándar.
Si quieres profundizar, CSS3Pie es de código abierto para que puedas estudiarlo. Sin embargo, es un código bastante complejo, por lo que puede resultarle más fácil ver algunos de los otros archivos (más simples) de HTC que también están disponibles.
Antes de CSS3Pie, ya había uno disponible de HTMlRemix.com que ofrecía esquinas redondeadas y funcionaba de forma muy similar a CSS3Pie. CSS3Pie es una mejor pieza de software, pero puede encontrar el código HTMLRemix más fácil de entender.
También hay algunos otros que quizás desee considerar:
Whatever:Hover corrige IE6 para que la característica CSS: hover funcione con todos los elementos HTML en lugar de solo las etiquetas
<a>.IE PNG Fix hace que las versiones anteriores de IE funcionen mejor con gráficos PNG con transparencia.
Espero que las respuestas lo cuestionen.
¿Qué está sucediendo detrás de las escenas con css3pie que lo hace para que IE pueda usar las funciones de css3?
Simplemente utiliza JavaScript para emular el comportamiento que falta.