<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <corps>
<html xmlns="http://www.w3.org/1999/xhtml">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hack CSS qui différencie IE6, IE7, IE8 et FireFox</title>
<style type="text/css">
<!--
#test,#note{
marge : 0 automatique ;
texte-align:centre;
}
.note{ texte-align:gauche; texte-indent:40px;}
#test {
largeur : 200 px ;
hauteur : 30 px ;
bordure : 1px solide #000000 ;
couleur :#fff ;
hauteur de ligne : 30 px ;
}
.couleur{
background-color : #CC00FF; /*Tous les navigateurs afficheront du violet*/
background-color : #FF00009; /*IE6, IE7 et IE8 afficheront du rouge*/
*couleur de fond : #0066FF ; /*IE6 et IE7 deviendront bleus*/
_background-color : #009933; /*IE6 deviendra vert*/
}
-->
</style>
</tête>
<div id="test" class="color">Tester le bloc zss</div>
<div id="note">
<strong style="color:#009933">IE6 finit par être vert</strong>
<strong style="color:#0066FF">IE7 finit par être bleu</strong>
<strong style="color:#FF0000">IE8 finit en rouge</strong>
<strong style="color:#CC00FF">FireFox devient enfin violet</strong>
<div classe="note">
Aujourd'hui, j'ai vu un article dans hiccblogs sur la compatibilité avec IE8. Malheureusement, il n'est compatible qu'avec IE et est basé sur le noyau d'IE7, qui présente de grandes limitations. Je pense que je maîtrise relativement bien la compatibilité CSS. Depuis la sortie d'IE8, étudions la compatibilité d'IE8.
</div>
<div class="note">La compatibilité CSS a toujours été un casse-tête pour tout le monde. Dans les articles précédents, de nombreuses connaissances dans ce domaine ont été introduites. Depuis la sortie de la version officielle d'IE8, j'ai essayé de trouver un moyen de la distinguer de la version officielle d'IE8. La recherche sur Baidu donne de nombreux résultats, et la recherche sur Google donne encore plus de résultats. Il existe une grande différence entre la version officielle et la version bêta d'IE8 en termes de hacks. De plus, presque toutes les méthodes présentes sur Internet sont reproduites les unes des autres. Celle qui apparaît le plus fréquemment est l'image de hack de linxz.cn. Malheureusement, la méthode présentée sur cette image n'est pas valide pour la version officielle d'IE8.
Après analyse et résumé, nous avons les solutions efficaces suivantes. Peut-être qu'il y aura des hacks meilleurs et plus simples à l'avenir, mais pour l'instant, cette méthode peut résoudre le besoin urgent.<br />
</div>
<div classe="note">
<ul>
<li style="list-style:none;"><strong style="color:#009933">Exemple simple :</strong></li>
<li>"9" Exemple : "margin:0px auto9;".</li>
<li>Le "9" ici permet de faire la distinction entre tous les IE et FireFox.</li>
<li>"*" IE6 et IE7 peuvent le reconnaître et IE8 ne le peuvent pas.</li>
<li>"_" IE6 peut reconnaître "_", mais IE7, IE8 et FireFox ne le peuvent pas</li>
</ul>
</div>
</div>
</corps>
</html>