html - predeterminada - predeterminar emulacion internet explorer
Problemas de compatibilidad de Internet Explorer 8 (2)
Soy relativamente novato en la graciosa degradación, y quería algunos consejos sobre un sitio que acaba de entrar en funcionamiento. Sé que en este punto el diseño está completamente roto en IE 8 o inferior, y quería ver cuánto podría hacer para que todo funcione sin una revisión masiva.
www.unccti.org
En IE 8, por ejemplo, parece que:
http://unccti.org/unc-cti-ie8.png
Se supone que debe verse así:
http://unccti.org/unc-cti-modern.png
El problema principal es que el contenido es completamente ilegible en navegadores más antiguos, y algunos usuarios han creído erróneamente que así era como debía verse el sitio para ser percibido como ''elegante''. He incluido una secuencia de comandos para notificar a los usuarios cuando su navegador no está actualizado, pero al menos quiero ver si puedo hacer que esto funcione ligeramente en IE8. Asumo que 7 es una causa perdida.
Lo que he intentado además pero sin resultados:
- normalize.css y
- HTML5Shiv
Gracias por tu ayuda.
No estoy seguro de IE7, pero creo que se puede obtener un soporte decente para IE8. En mi experiencia personal, he descubierto que la mayoría de los problemas con IE8 provienen de la falta de soporte para ciertas funciones de CSS.
Miré su sitio y veo que está utilizando funciones de CSS que no son compatibles con IE8, como por ejemplo: nth-child.
Aquí hay una lista de compatibilidad de funciones: http://www.standardista.com/css3/css3-selector-browser-support/
Mi solución fue agregar una hoja de estilo específica de IE8 y un archivo javascript. Incluiría estos después de todos los otros archivos incluidos, por lo que se aplican al último. Luego, anularía los elementos específicos según sea necesario. Utilizaría el archivo javascript para corregir problemas, según sea necesario, que no podrían solucionarse con el archivo CSS.
<!--[if IE 8]>
<link rel="stylesheet" href="/css/ie8.css")" type="text/css" media="screen">
<script type="text/javascript" src="/js/ie8.js")"></script>
<![endif]-->
No es muy difícil hacer frente a IE8 Hay muchas maneras de lograr un aspecto decente para IE8 , además, el diseño de su sitio web es bastante simple de lograr.
Veo dos problemas que hacen que el sitio web se vea mal en IE8
1) Algunas etiquetas html5 2) Algunas propiedades CSS3
Agregue la etiqueta debajo de la cabeza de su sitio web;
<!--[if lt IE 8]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
Espero que el sitio web se vea mucho mejor en IE8. Además, puede agregar una hoja de estilo personalizada para IE8 y puede hacer las cosas bien en eso;
<!--[if lt IE 8]>
<link href="css/for-ie8-only.css" rel="stylesheet">
<![endif]-->
Por último, pero no menos, recomiendo usar Modernizer . Si está utilizando html5/css3 .
Puede verificar el soporte de HTML5 y CSS3 (en diferentes navegadores) a lo que se admite en qué navegador.
Una pregunta relevante como la tuya a continuación.
¡buena suerte!