IE7 has been released for some days, so the website needs to take care of the browser one more. These two days the designers are doing compatibility, found a solution, here is both a share, is also a record. Using important! and/**/to differentiate between IE5, IE6, and Moz, the following code distinguishes between 4 browsers, and the copy code is saved as an HTML file to see the effect: (
<textarea id= "runcode20701" ><! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title> Untitled document </title> <style type=" Text/css "> <!--#example {Position:absolu Te top:50%; left:50%; width:200px; height:150px; Margin-top: -75px; Margin-left: -100px; } #example div {padding:20px; Text-weight:bold; font:11px/150% Verdana, Arial, Helvetica, Sans-serif; Text-align:right; } #example {background:red; /*for moz*/} * HTML #example {background:yellow; /*for ie5*/background/**/: Green; /*for ie6*/} *+html #example {background:blue; /*for ie7*/}-</style> </pead> <body> ie5:yellow ie6:green ie7:blue moz:r ED </body> </ptml> </textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Special Reminders:
#example {
background:red; /*for moz*/
}
* HTML #example {
Background:yellow; /*for ie5*/
background/**/: Green; /*for ie6*/
}
*+html #example {
Background:blue; /*for ie7*/
}
