Home >Web Front-end >CSS Tutorial >Distinguish FF/IE7/IE6/IE5.5/IE5 code recommendations through CSS Hack_Experience exchange

Distinguish FF/IE7/IE6/IE5.5/IE5 code recommendations through CSS Hack_Experience exchange

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 12:09:181488browse

#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">This is the effect under FireFox or Opera</div>
<div id="ie6">This is the effect under IE 6</div>
<div id="ie7">This is the effect under IE 7</div>

<div>The following is a simple example of distinguishing FF/IE6/IE7</div>
<div id="example">This line of text should be red under FF, blue under IE6, and green under IE7. </div>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Nested rules under (X)HTML Strict_Experience exchangeNext article：Nested rules under (X)HTML Strict_Experience exchange

See more

Distinguish FF/IE7/IE6/IE5.5/IE5 code recommendations through CSS Hack_Experience exchange

Related articles