Hay muchos artículos excelentes en el extranjero de los que puedes aprender, así que decidí dedicar algo de tiempo a traducirlos. No sé si alguien ha traducido este artículo. El nombre original es 10 Awful IE Bugs and Fixes . Espero que más personas puedan leer estos excelentes artículos. Los extranjeros tienen mucho humor, así que leí el texto completo. Los expertos se desvían
La siguiente es la traducción :
He enumerado 10 errores comunes de IE y sus soluciones. Creo que esto le ayudará a reducir el tiempo que dedica a depurar inconsistencias de diseño en IE.
Autor: Kevin
Introducción
Cada uno tiene su propia historia cuando se trata de IE. Como desarrollador, tengo que lidiar con muchas peculiaridades de IE y, a veces, simplemente quieres golpearte la cabeza contra la pared. Pero con el tiempo, aprendimos mucho (¡a veces no era culpa nuestra, era culpa de IE!) y comenzamos a aceptar y comprender el comportamiento extraño de IE. Tenemos que hacer esto porque todavía hay una cantidad significativa de usuarios de IE6. Lo mejor que puedes hacer es probar constantemente tu sitio web desde diferentes navegadores desde el principio. Es mucho más fácil resolver problemas de diseño desde el principio que después de miles de líneas de código html y css.
Hay mucho movimiento de protesta contra IE6, apoyado por una mayoría de expertos web y usuarios comunes y corrientes a quienes no parece importarles mucho. Entonces, ¿qué podemos hacer ahora? Tuvimos que seguir investigando para resolver el problema con IE6. Pero espera, hay noticias interesantes. Según el informe mensual de w3cschool, la cantidad de usuarios de IE6 ha disminuido a lo largo de los años. Del 60,3% en junio de 2006 al 13,6% en septiembre de 2009. Según esta proporción, deberíamos poder abandonar IE6 a finales de 2010 (Anotación: La situación en el extranjero es realmente buena~.~)
Bien, volviendo a la realidad, he hecho una lista de todos los problemas que he encontrado antes para referencia futura. Creo que esto le ayudará a reducir el tiempo que dedica a depurar inconsistencias de diseño en IE.
1. Texto fantasma de IE6 (error de texto fantasma)
Antes de escribir este artículo, encontré este error. Es bastante extraño y divertido. IE6 muestra un fragmento de texto duplicado que surge de la nada cerca del texto original. (Anotación: también puede consultar el error de caracteres duplicados de Explorer 6 para ver una demostración del error). No pude solucionarlo, así que lo busqué y, efectivamente, es otro error de IE6.
Hay muchas soluciones para esto, pero ninguna funcionó en mi ejemplo (no pude usar algunas debido a la complejidad del sitio). Entonces usé un truco. Agregar espacios después del texto original parece resolver el problema.
Sin embargo, aprendí en Hippy Tech Blog que la razón detrás del problema se debe a las etiquetas de comentarios html. IE6 no puede renderizarlo correctamente. Aquí hay una lista de sus soluciones sugeridas:
Solución :
2. Posición relativa y desbordamiento oculto
Me encontré con este problema muchas veces cuando estaba preparando un tutorial sobre JQuery porque usé mucho desbordamiento oculto para lograr el diseño que quería.
El problema ocurre cuando el desbordamiento del elemento principal se establece en oculto y el elemento secundario se establece en posición: relativa.
CSS-Trick tiene un gran ejemplo que demuestra este error. posición: relativa y desbordamiento en Internet Explorer
Solución :
Agregue posición: relativa; al elemento padre;
3. Altura mínima para IE
Es simple, IE ignora el atributo de altura mínima. Puedes usar el siguiente truco para solucionarlo. Gracias a Dustin Díaz .
Esta solución funciona bien en IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2.
Solución :
seleccionador {
altura mínima: 500 px;
altura:auto!importante;
altura: 500 px;
}