¿Cómo habilitar las funciones CSS3 en Internet Explorer 6, 7 y 8?

18

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?

mawtex
fuente
1
¿Por qué no probarlos todos y decirnos qué encuentras? Si tienes un blog, sería una gran publicación que generaría mucho interés, estoy seguro.
John Conde
Encontré esto en el sitio CSS3PIE css3pie.com/documentation/product-comparison pero esperaría que estuviera sesgado, de ahí la pregunta. Se requiere un poco de experiencia en el mundo real para tener una buena sensación.
mawtex

Respuestas:

8

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/

mawtex
fuente
3

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/

Alex
fuente
3
Este artículo es una gran introducción a "border-radius.htc", pero en su mayor parte es una lista de filtros CSS solo para IE que pueden imitar las características de CSS3. Como desarrollador web, me gustaría no escribir una gran cantidad de código CSS específico de IE antiguo, sino centrarme en CSS estándar y hacer que IE reaccione a eso, como lo hace "border-radius.htc" y "CSS3PIE".
mawtex
0

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.

Dan Fabulich
fuente
Entonces, ¿su sugerencia es básicamente llegar a todas las personas que visitarán el sitio del póster de la pregunta en el futuro con IE6 / 7/8 y hacer que instalen Google Chrome Frame antes de que lo visiten? ¿No sería más fácil hacer que todos los usuarios de IE del mundo cambien a Chrome?
Nir
@Nir lo edité para explicar cómo puedes hacer que tus usuarios instalen GCF usando la biblioteca JS de Google. Es bastante agradable
Dan Fabulich el
incluso con las instalaciones de un clic (por cierto, en Vista necesita Ok 5 advertencias de seguridad para instalar Flash, tanto por un clic) No soñaría con pedirles a mis usuarios que instalen un complemento de navegador para poder usar esquinas redondeadas (y Sospecho que los únicos que instalarán son los que realmente confían y les gusta mi producto, es decir, los que comprarán incluso sin las esquinas redondeadas).
Nir