Maison  >  Article  >  interface Web  >  Comment déterminer chaque version du navigateur IE en HTML et CSS

Comment déterminer chaque version du navigateur IE en HTML et CSS

高洛峰
高洛峰original
2017-03-27 17:38:142017parcourir

1. Dans le code HTML

Lors de l'écriture du code d'une page Web, la compatibilité des différents navigateurs est un problème qui doit être pris en compte. Parfois, il est impossible de trouver une méthode d'écriture adaptée à tous les navigateurs, vous pouvez donc le faire. écrire uniquement en fonction de la navigation. Le code qui différencie le type d'appareil est le code de jugement qui doit être utilisé à ce moment-là. Dans le

code HTML, le code permettant de distinguer les différents navigateurs est le suivant, en prenant ie6 comme exemple







Les méthodes d'écriture de code ci-dessus sont pour chaque version du navigateur IE. Dans les autres navigateurs, ces codes seront interprétés comme des commentaires HTML et ignorés directement.


autres Pour les navigateurs, vous devez écrire ceci :

2. Dans le code CSS

Dans le code CSS, vous pouvez écrire du code qui distingue le navigateur en fonction du code spécial unique et identifiable de chaque navigateur, par exemple, peut être lu par les navigateurs de la série IE[9 ], et IE6 et IE7 peuvent lire [*], et IE6 peut reconnaître [_] (trait de soulignement puisque

est lu de haut en bas) ; CSS, le même attribut écrit plus tard prendra effet, il peut donc l'écrire dans l'ordre permettra à chaque navigateur de lire et de comprendre correctement la syntaxe CSS, en distinguant efficacement les types ou les versions :

.classname {
bleu; /* L'arrière-plan des navigateurs non-IE tels que Firefox devient bleu*/

rouge 9; /*IE8 l'arrière-plan devient rouge*/

*noir /*IE7 l'arrière-plan devient noir; */
_background:orange; /*IE6 L'arrière-plan devient orange*/
}


.classname {
black !important /*L'arrière-plan non-IE6 devient noir* /

background:orange; /*L'arrière-plan d'IE6 devient Orange*/

}
Parce que les autres navigateurs peuvent lire "!important;" mais pas IE6.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn