Aunque también quiero que IE6 muera pronto, después de todo mi iniciativa subjetiva es demasiado limitada. Lo único que podemos hacer es utilizar algún medio para aliviar el dolor causado por IE6.
1. Utilice tipos de documentos. Intente utilizar el tipo de documento más estricto para asegurarse de que su página se ejecute en modo estándar. Aunque las utilice, es posible que no pueda utilizar muchas etiquetas, como b, s, fuente, etc., pero todas se pueden reemplazar con CSS.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ES"
2." http://www.w3.org/TR/html4/strict.dtd ">
O el <!doctype html"> más simple, que es el único tipo de documento reconocido por HTML5, y el navegador lo convertirá automáticamente al anterior. No utilice la declaración de documento xhtml. Originalmente quería hacer de html un producto de transición, pero Como todos saben, solo soy un visitante pasajero y, cuando lo uso, el nombre de nodo del elemento puede distinguir entre mayúsculas y minúsculas, lo cual es muy problemático.
2. Posición de uso: relativa
En el diseño, considere siempre primero el diseño posicionado y luego el diseño flotante. El modelo flotante de IE es una locura.
3. Usar pantalla: en línea
Si debe utilizar flotantes, sígalos con display:inline. Porque hay un error que ocurre fácilmente en IE6. Aparecerá siempre que se establezcan un valor flotante y un valor de margen en la misma dirección que el flotante para el elemento contenedor de bloques. Por ejemplo, si configuramos float:left y margin-left:100px para el elemento div, se convertirá en margin-left:200px en IE6.
4. No utilice nodos de comentarios. Aquí hay dos cosas odiosas involucradas. Uno es un error de carácter redundante. Puede consultar este artículo "El fantasma del error de la ópera" de Yang Zhengyi (Ah Yi) en este blog. El segundo es un error en toda la gama de API de búsqueda de IE. document.all, document.getElementsByTagName y document.querySelectorAll pueden devolver nodos de comentarios.
5. Para el efecto de desplazamiento, recuerde utilizar el elemento a con el atributo href para anidarlo en IE: el desplazamiento solo es efectivo para la etiqueta a y la etiqueta debe tener el atributo href establecido explícitamente.
6. No utilices porcentajes en la configuración de estilo.
IE tiene problemas para calcular los porcentajes.
7. Deja que el elemento obtenga hasLayout.
Para obtener más información, busque en Google Baidu este excelente estudio académico "Sobre el diseño". Podemos usar el.currentStyle.hasLayout para detectar si ha obtenido el diseño. Un método universal para obtener el diseño es zoom:1.
8. Respete estrictamente las reglas de anidación de (x) html. Las reglas de anidación se definen en el tipo de documento y el documento se analiza de acuerdo con ellas, aunque los navegadores actuales son muy llamativos para evitar que se obtengan. loco, es mejor tener cuidado. Además, aunque algunos elementos se cerrarán automáticamente, debemos cerrarlos nosotros mismos. Es muy importante desarrollar buenos hábitos.
9. Mejora tus habilidades de JavaScript
IE6 no admite muchas cosas o no las admite bien, pero podemos usar JavaScript para simular casi todas, como varias pseudoclases de relaciones, pseudoclases de filtrado de subelementos, pseudoclases de atributos y pseudoclases de destino. , ancho mínimo y ancho máximo, problema de transparencia PNG...
10. Ven a mi blog con más frecuencia e intenta inventar números redondos para tener buena suerte. Si encuentro cosas buenas o errores, se los informaré lo antes posible ~~~^_^