Embora eu também queira que o IE6 morra logo, minha iniciativa subjetiva é muito limitada, afinal. A única coisa que podemos fazer é usar alguns meios para aliviar a dor causada pelo IE6.
1. Use tipos de documento Tente usar o tipo de documento mais estrito para garantir que sua página seja executada no modo padrão. Apesar de usá-los, talvez você não consiga usar muitas tags, como b, s, font, etc., mas todas elas podem ser substituídas por CSS.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
Ou o mais simples <!doctype html">, que é o único tipo de documento reconhecido pelo HTML5, e o navegador será automaticamente convertido para o acima. Não use declaração de documento xhtml. Originalmente, ele queria fazer do html um produto de transição, mas como todos sabem, sou apenas um visitante passageiro e, ao usá-lo, o nodeName do elemento pode diferenciar maiúsculas de minúsculas, o que é muito problemático.
2. Use posição: relativa
No layout, sempre considere primeiro o layout posicionado e depois o layout flutuante. O modelo flutuante do IE é uma loucura.
3. Use exibição:inline
Se você precisar usar floats, siga-os com display:inline. Porque existe um bug que ocorre facilmente no IE6. Ele aparecerá enquanto um float e um valor de margem na mesma direção do float estiverem definidos para o elemento contêiner do bloco. Por exemplo, se definirmos float:left e margin-left:100px para o elemento div, ele se tornará margin-left:200px no IE6.
4. Por favor, não use nós de comentários. Há duas coisas odiosas envolvidas aqui. Um deles é um bug de personagem redundante. Você pode consultar este artigo "Fantasma do Bug da Ópera" de Yang Zhengyi (Ah Yi) deste blog. O segundo é um bug em toda a gama de APIs de pesquisa do IE document.all, document.getElementsByTagName e document.querySelectorAll podem retornar nós de comentários.
5. Para o efeito de foco, lembre-se de usar o elemento a com o atributo href para aninhá-lo no IE: o foco só é eficaz para a tag a, e a tag deve ter o atributo href definido explicitamente.
6. Não use porcentagens nas configurações de estilo
O IE tem problemas para calcular porcentagens.
7. Deixe o elemento obter hasLayout
Para obter detalhes, pesquise no Google Baidu este excelente estudo acadêmico "Sobre o layout". Podemos usar el.currentStyle.hasLayout para detectar se obteve layout. Um método universal para obter layout é zoom:1.
8. Cumprir rigorosamente as regras de aninhamento de (x)html As regras de aninhamento são definidas no tipo de documento e o documento é analisado de acordo com ele, embora os navegadores atuais sejam muito atraentes, para evitar que sejam obtidos. louco, é melhor ter cuidado. Além disso, embora alguns elementos sejam fechados automaticamente, devemos fechá-los nós mesmos. É muito importante desenvolver bons hábitos.
9. Melhore suas habilidades em JavaScript
O IE6 não suporta muitas coisas ou não as suporta bem, mas podemos usar JavaScript para simular quase todas elas, como várias pseudoclasses de relacionamento, pseudoclasses de filtragem de subelementos, pseudoclasses de atributos, pseudoclasses de destino , largura mínima e largura máxima, problema de transparência PNG...
10. Venha ao meu blog com mais frequência e tente inventar números redondos para dar sorte. Se eu encontrar alguma coisa boa ou bug, irei reportá-los a você o mais rápido possível ~~~^_^