Maison > Article > interface Web > Distinguer les recommandations de code FF/IE7/IE6/IE5.5/IE5 via l'échange CSS Hack_Experience

Distinguer les recommandations de code FF/IE7/IE6/IE5.5/IE5 via l'échange CSS Hack_Experience

WBOYoriginal: 2016-05-16 12:09:181344parcourir

#fx { 
 display: none; 
 border: 3px double #999; 
 width:300px; 
 height:200px; 
 padding:10px; 
} 
#ie6{ 
 display:none !important; 
 display:none;/*ie5*/ 
 font-size:54px; 
 border:10px solid #CCC; 
 padding:100px; 
} 
#ie6/**/{ 
 display:block; 
 display /*ie5.5*/:none; 
} 
#ie7 { 
 display:block !important; 
 display:none;/*ie5 & ie6*/ 
 background-color:#69f; 
 border:1px dashed #63c; 
 padding:50px; 
 width:200px; 
 height:150px;

} 
*:lang(zh) #ie7{ 
 display:none !important; 
} 
*:lang(zh) #fx{ 
 display:block !important; 
}

-->

#example{color:red ;} 
* html #example{color:blue;} 
*+html #example{color:green;} 
</style>

<div id="fx">C'est l'effet sous FireFox ou Opera</div>
<div id="ie6">C'est l'effet sous IE 6</div>
<div id="ie7">C'est l'effet sous IE 7</div>

<div>Ce qui suit est un exemple simple de distinction entre FF/IE6/IE7</div>
<div id="example">Cette ligne de texte doit 锚tre rouge sous FF, bleue sous IE6 et verte sous IE7. </div>

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

Article précédent：Règles imbriquées sous l'échange (X)HTML Strict_ExperienceArticle suivant：Règles imbriquées sous l'échange (X)HTML Strict_Experience

Articles Liés

Voir plus