Même si je souhaite également que IE6 meure bientôt, mon initiative subjective est finalement trop limitée. La seule chose que nous pouvons faire est d'utiliser des moyens pour soulager la douleur causée par IE6.
1. Utilisez les types de documents. Essayez d'utiliser le type de document le plus strict pour vous assurer que votre page s'exécute en mode standard. Bien que vous les utilisiez, vous ne pourrez peut-être pas utiliser de nombreuses balises, telles que b, s, font, etc., mais elles peuvent toutes être remplacées par CSS.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//FR"
2." http://www.w3.org/TR/html4/strict.dtd ">
Ou le plus simple <!doctype html">, qui est le seul type de document reconnu par HTML5, et le navigateur sera automatiquement converti en celui ci-dessus. N'utilisez pas de déclaration de document xhtml. Il voulait à l'origine faire du HTML un produit de transition, mais comme tout le monde le sait, je ne suis qu'un visiteur de passage, et lors de son utilisation, le nodeName de l'élément peut être sensible à la casse, ce qui est très gênant.
2. Position d'utilisation : relative
Dans la mise en page, considérez toujours d'abord la mise en page positionnée, puis la mise en page flottante. Le modèle flottant d'IE est fou.
3. Utiliser display:inline
Si vous devez utiliser des flottants, suivez-les avec display:inline. Parce qu'il existe un bug qui se produit facilement dans IE6. Il apparaîtra tant qu'un float et une valeur de marge dans la même direction que le float sont définis pour l'élément conteneur de bloc. Par exemple, si nous définissons float:left et margin-left:100px pour l'élément div, il deviendra margin-left:200px dans IE6.
4. Veuillez ne pas utiliser de nœuds de commentaires. Il y a deux choses haineuses impliquées ici. L'un est un bug de personnage redondant. Vous pouvez vous référer à cet article "Phantom of the Opera Bug" de Yang Zhengyi (Ah Yi) de ce blog. Le second est un bug dans la gamme complète des API de recherche d'IE document.all, document.getElementsByTagName et document.querySelectorAll peuvent tous renvoyer des nœuds de commentaires.
5. Pour l'effet de survol, n'oubliez pas d'utiliser l'élément a avec l'attribut href pour l'imbriquer dans IE : le survol n'est efficace que pour la balise a et l'attribut href de la balise doit être explicitement défini.
6. N'utilisez pas de pourcentages dans les paramètres de style
IE a un problème pour calculer les pourcentages.
7. Laissez l'élément obtenir hasLayout
Pour plus de détails, veuillez rechercher sur Google Baidu cette excellente étude académique « Sur la mise en page ». Nous pouvons utiliser el.currentStyle.hasLayout pour détecter s'il a obtenu la mise en page. Une méthode universelle pour obtenir la mise en page est zoom:1.
8. Respectez strictement les règles d'imbrication de (x)html. Les règles d'imbrication sont définies dans le type de document et le document est analysé en fonction de celui-ci, bien que les navigateurs actuels soient très accrocheurs, afin d'éviter qu'ils ne soient obtenus. fou, il vaut mieux être prudent. De plus, même si certains éléments seront fermés automatiquement, nous devons les fermer nous-mêmes. Il est très important de développer de bonnes habitudes.
9. Améliorez vos compétences JavaScript
IE6 ne prend pas en charge beaucoup de choses ou ne les prend pas bien en charge, mais nous pouvons utiliser JavaScript pour les simuler presque toutes, telles que diverses pseudo-classes de relations, pseudo-classes de filtrage de sous-éléments, pseudo-classes d'attributs, pseudo-classes cibles. , min-width et max-width, problème de transparence PNG...
10. Venez plus souvent sur mon blog et essayez d'inventer des chiffres ronds pour porter chance. Si je trouve des choses intéressantes ou des bugs, je vous les signalerai dès que possible~~~^_^