respeta para internet iexplorer ie11 hacks hack habilitar for css internet-explorer-6

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).



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.



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 !)


Si miras en el W3Schools web de W3Schools , te dice qué propiedades son compatibles con qué navegador.