Si bien IE9 parece muy prometedor, IE6, IE7 e IE8 probablemente nos perseguirán durante muchos años, lo que ralentizará la propagación de CSS3 en la web.
Varios proyectos basados en HTC y JS agregan algo de soporte CSS3 a IE:
- CSS3PIE
- IE7.js
- eCSStender
- DD_roundies
- border-radius.htc (esquina curva)
- ie-css3.htc
- ie-css3.js
Solo tengo experiencia con CSS3PIE (haciendo las cosas redondeadas en http://docs.composite.net/ ) y, excepto por los efectos de mouse sobre esto, funciona bien y es CSS3 puro.
¿Qué características de CSS3 aportan los diferentes proyectos a IE y qué tan bien? ¿Alguno de ellos es un claro ganador?
css3
internet-explorer-6
mawtex
fuente
fuente
Respuestas:
Como nadie ha dado un paso adelante, intentaré dar una respuesta a esto. Se recopila principalmente al leer http://css3pie.com/documentation/product-comparison/ y buscar en Google. Solo tengo experiencia práctica con CSS3PIE. Si conoce alguno de los otros proyectos, siéntase libre de editar esto
CSS3PIE por Jason Johnston Agrega un buen soporte para Css3 border-radius, gradients, box-shadow. Mi experiencia con esto es que funciona bastante bien y tiene un gran soporte para el radio de borde. Es problemático para los efectos de desplazamiento (esperaría que todos los elementos de esta lista sufran de esto) pero parecen impecables cuando se usan en html estático. Más información en http://css3pie.com/
ie-css3.js por Keith Clark Agrega soporte para muchos selectores de pseudo-clase CSS3. Es extremadamente pequeño, ya que se deleita con otras bibliotecas js que incluye, como jQuery. Esto podría funcionar bien con otros proyectos en esta lista como CSS3PIE. Más información en http://www.keithclark.co.uk/labs/ie-css3/
ACTUALIZACIÓN El proyecto ie-css.js ha renacido aquí: http://selectivizr.com/
IE9.js por Dean Edwards Funciona para IE6, 7 y 8. Haga que IE sea compatible con PNG transparente, nuevos selectores CSS como parent> child y: primer tipo, posicionamiento fijo, soporte de ancho / alto máximo / mínimo. Es mi impresión que se ha invertido mucho trabajo a lo largo de los años. Algunas críticas son realmente positivas, algunas despectivas. Más información en http://code.google.com/p/ie7-js/
ecsstender por Aaron Gustafson Funciona con IE6, 7 y 8. De manera modular, agrega soporte para selectores CSS3, fuente-cara, borde-radio, cuadro-sombra, colores y transformaciones. Muy bien documentado Más información en http://ecsstender.org/extensions
DD_roundies por Drew Diller agrega algo de soporte para border-radius y png. Más información en http://www.dillerdesign.com/experiment/DD_roundies/
border-radius.htc por Remiz Rahnas Soporte muy simple para border-radius. Más información en http://code.google.com/p/curved-corner/
ie-css3.htc por Nick Fetchak Algunos soportes para border-radius y text-shadow. CSS3PIE pretende mejorar el radio del borde. Más información en http://www.fetchak.com/ie-css3/
fuente
Aquí hay un buen artículo sobre CSS3 e IE6, de Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
fuente
Prueba Google Chrome Frame . Los usuarios de IE que lo instalen podrán navegar por su sitio en el renderizador de Google Chrome sin cambiar de navegador.
EDITAR: incluso puede usar una biblioteca JS proporcionada por Google para mostrar un mensaje a los usuarios invitándolos a instalar Google Chrome Frame. Es una instalación con un solo clic, como Flash, no requiere reiniciar el navegador y actualiza su página cuando está listo.
fuente