En ce qui concerne le mécanisme de traitement du CSS, IE a toujours beaucoup de choses qui font vomir du sang, mais ils sont toujours satisfaits de leurs améliorations actuelles.
Prenons l'exemple de la prise en charge de pseudo-class:hover. IE7+ a finalement ajouté la prise en charge des balises autres que a. Bien sûr, nous devrions saluer de telles améliorations, mais sous IE6, la prise en charge de a par :hover n’est pas aussi satisfaisante. Voici un problème dont je souhaite parler brièvement : le survol dans IE6 et les navigateurs antérieurs.
De nombreuses personnes connaissent peut-être déjà certains problèmes avec :hover dans IE6 et les navigateurs antérieurs (ci-après dénommés IE6-). Je veux principalement parler de problèmes comme a:hover span{}.
Parfois, afin d'ajouter des effets dynamiques simples, nous utilisons souvent :hover pour nous aider. Par exemple, nous changeons souvent la couleur du texte lorsque la souris passe sur un lien. comme:
Oui, cela fonctionnera dans tous les navigateurs. Mais si vous le changez comme suit :
Vous constaterez que rien ne se passe sous IE6-, nos styles sont invalides. Oui, c'est tout. Beaucoup de gens auraient dû rencontrer ce problème et le résoudre.
Oui, il vous suffit d'ajouter un autre style a:hover{} pour résoudre ce problème, qui peut contenir un zoom, un remplissage, une marge et d'autres attributs. comme suit:
Voyant que l'effet normal était rétabli, j'ai réfléchi à ce qui aurait pu causer l'échec de :hover. Vous pouvez utiliser le zoom, l'affichage, le remplissage et d'autres attributs pour le faire, j'ai donc pensé que cela pourrait être dû à haslayout. Eh bien, c'est probablement le cas. Mais si vous continuez à tester, vous constaterez que quels que soient les attributs que vous écrivez dans a:hover{}, tels que la couleur, la taille de la police, le débordement (même les attributs qui n'existent pas, tels que xx:yyy), vous pouvez restaurez-le normalement.
Vous sentez-vous un peu abasourdi après l’avoir testé ici ? Oui, je suis comme ça aussi. Quant à la raison, je ne la connais pas encore, peut-être que quelqu'un la connaît.
a:survol{zoom:1;}
a: survolez-les {color:#F00;}
Changer ma couleur au survol de la souris
a: survolez-les {color:#F00;}
Changer ma couleur au survol de la souris
a: survol{color:#F00;}