para - internet explorer 11 hack css
Lista de características CSS no soportadas por IE6 (9)
Acabo de cortar y codificar una muy buena plantilla CSS sin tablas para mi sitio web, todo el tiempo que estaba probando con IE7 y Chrome.
Luego tuve la brillante idea de probar esta plantilla con IE6, instalé Windows XP en una PC virtual y luego abrí mi sitio web en IE6.
¡Parece extremadamente malo!
El formato de mi página parecía basura, nada se muestra correctamente como en IE7 y Chrome. Sabía que IE6 no soportaba algunas cosas, pero no creía que mi página funcionara como lo hacía.
Así que me gustaría saber si hay un lugar donde pueda ver lo que no es compatible con IE6, así puedo arreglar mi CSS o incluso crear uno nuevo solo para IE6.
¡Cualquier información será muy útil!
¡Gracias!
Algunos ejemplos son:
- Selectores secundarios:
a>b {}
- Selectores adyacentes:
a + b {}
- Selectores de atributos:
[id="my_id"] {}
Para un ejemplo impresionante de uso de incompatibilidades, eche un vistazo a Gemination at CSS zen garden design con IE6 y Firefox.
Además, puede navegar a través de un sitio aparte de la lista para obtener recursos sobre el tema (y muchos otros sobre diseño web).
IE6 tiene MUCHOS errores de CSS, por lo que contribuirán a la representación de tu página. La lista oficial de lo que es y no es compatible está aquí .
Lo que también podría ayudarte es positioniseverything.net , tienen una lista completa de errores de IE y sus correcciones.
Si todavía está luchando para hacerlo bien, publique un enlace a su página.
Me imagino que tienes Firefox instalado en tu máquina. Si es así, instale el complemento Firebug (que es fantástico en sí mismo) pero si también instala el nuevo complemento de Sitepoint, FireScope, le permitirá hacer clic derecho en sus elementos dentro de Firebug y desplegar un gráfico de compatibilidad del navegador para su CSS y HTML (más ejemplos de código adicional)
Con Firebug también puedes editar tu CSS y ver el efecto resultante en tiempo real, lo que puede ahorrar mucho tiempo.
Una vez que haya identificado las áreas del sitio que se están rompiendo, utilice el siguiente enfoque para usar una hoja de estilo específica de IE6 para corregirlas, de modo que su diseño siga funcionando como estaba previsto para los navegadores más modernos.
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/Css/IE6.css" media="all" />
<![endif]-->
Como una opacidad de punta extra y PNG o GIF con fondos transparentes no suelen jugar bien en IE6 y te recomiendo que uses una biblioteca JavaScript como Prototype o JQuery si trabajas con JavaScript.
Recomiendo encarecidamente que vea este sitio http://quirksmode.org/dom/compatibility.html : tiene una gran compilación y casos de prueba para la mayoría de las cosas, css y javascript.
los que me toparon más:
- li:hover (or on any element except a)
- min/max-width
- min/max-height
Además de las cosas mencionadas, asegúrese de usar un tipo de documento que haga que IE6 + use el modo de estándares. Los errores y los ataques son casi manejables en el modo de estándares sin tener que tener una hoja de estilo completamente diferente.
De lo contrario, IE6 volverá al modo Quirks y esencialmente tendrás que admitir IE5, con todo el horror de modelo de caja que eso conlleva.
Algo que nunca me funciona es el atributo de visibility
. Y es malditamente molesto también (¡no, no es lo mismo que display
!)
En primer lugar, le aconsejo que utilice los Estilos de Restablecimiento de Eric Meyer, que garantizarán la mayor corrección posible para el soporte entre navegadores. En segundo lugar, revisaría la publicación de Yadyn sobre "Conocer a tu enemigo". Si bien puede ser una pesadilla, debe hacerse ya que las estadísticas mostrarán que, aunque IE6 ya no se desarrolla activamente y se ha hecho cargo de IE7, todavía se usa ampliamente.