歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn 微軟最新IE成員ie8與前面涉獵器的css hack寫法區別。在運用css hack中咱們運用了CSS讀取原理。同時安裝ie6、ie7、ie8瀏覽器門徑:IETester瀏覽器測試工具引見。

CSS hack區別以下——把穩法度與瀏覽器CSS HACK位置:
CSS hack:分辨IE6,IE7 ,IE8,firefox
區別差異瀏覽器,CSS hack寫法:
區別FF與IE6:
bac公斤round:orange;*background:blue; 剖明:FF只能辨認background:orange; IE6識別*bac千克round:blue; 
區別IE7與IE6:
background:green !important;bac千克round:blue;也許*background:green;_background:blue;
區別IE6與IE8:
bac千克round:orange; /*/bac千克round:blue;/**/
區別IE7與IE8:
background:orange; /*/background:blue;/**/
區別FF與IE7:
bac千克round:orange; *bac千克round:green !important;
區別FF,IE7,IE8,IE6:
background:orange;*bac千克round:green important;bac千克round:#111\9;_bac千克round:blue; 
興許應用
區別FF,IE7,IE8,IE6:
bac千克round:orange;*bac千克round:green !important;background:#111\9;*background:blue;

CSS Hack實例例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV+CSS各涉獵器css hack測試,css5.com.cn測試</title>
<style type="text/css">
<!--
.STYLE1 { font-size:18px;color:#FF0000;*color:#00FF00 !important;color:#0000FF \9;*color:#FFFF00;}
.STYLE2,.STYLE3,.STYLE4,.STYLE5{ font-size:14px;}
.STYLE2 {color: #FFFF00}
.STYLE3 {color: #FF0000}
.STYLE4 {color: #00FF00}
.STYLE5 {color: #0000FF}
-->
</style>
</head>
<body>
<span class="STYLE1">我是測試色采,不在差異涉獵器下顯現色采差距哦!-<a href="//www.css5.com.cn/">DIV+CSS</a></span><br />

<span class="STYLE2">我是色彩在IE6透露表現</span> <br />
<span class="STYLE4">我是顏色在ie7閃現</span> <br />
<span class="STYLE5">我是色采在ie8浮現</span> <br />
<span class="STYLE3">我是色采在火狐(firefox)透露表現</span>
</body>
</html>

在線演示-點擊這里
以上代碼你拷貝到一個新建的html文件在分歧版本閱讀器測試就會有分歧功效。運用此例子即可操持我們在平常DIV+CSS啟示時辰的css hack標題問題。

同時咱們假設不想那末的省事來做IE8的css hack,咱們只需求在html的<head></head>之間加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />,最好加到CSS文件下發便可,在IE8 下與IE7下浮現形式相同,如許咱們只有甄別IE6、IE7、火狐(firefox)的css hack便可。良多大型站點都接納在head參加此代碼來減少css 裂縫。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/wenji/w52078.shtml