IE8 CSS hack

2021-01-20 15:01 jianzhan

对于IE8宣布版的CSS hack现阶段能够寻找的分成2种:

第1种:”\9″:

基础的写法:

1..test { color/*\**/: blue\9 }

这个IE6、IE7、IE8都能鉴别;可是IE8不可以鉴别“*”和“_”的css hack;因此大家能够这样写hack:(转载

1..header {width:300px;} /* 全部访问器*/
2..header {width/*\**/:330px\9;} /* 全部访问器IE访问器 */
3..header {*width:310px;} /* IE7和IE6能鉴别,IE8和FF不可以鉴别*/
4..header {_width:290px;} /* IE6能鉴别,IE7、IE8和FF不可以鉴别*/

第2种:便是应用IE的标准注解

标准注解是IE独有的1种作用,能对IE系列商品开展独立的XHTML编码解决,留意,关键是对于XHTML,而非CSS。
标准注解作用十分强劲,能够开展true和false分辨,比如:
程序流程编码
<!–[if IE]>此內容仅有IE可见<![endif]–>
<!–[if IE 6.0]>此內容仅有IE6.0可见<![endif]–>
标准注解能被IE分辨是甚么版本号的访问器,并在合乎标准的状况下显示信息在其中的內容,从IE5.0到7.0都适用注解作用,并且版本号号精准到小数点后4位:
程序流程编码
<!–[if IE 6.1000]>此內容仅有IE6.1可见<![endif]–>
IE标准注解还适用感慨号非实际操作:
程序流程编码
<!–[if !IE 6.0]>此內容除IE6.0版本号以外都可以见<![endif]–>
而且适用前缀,用于分辨更高版本号或是更低版本号:
程序流程编码
<!–[if gt IE 5.0]>此內容仅有IE5.0以上版本号可见<![endif]–>
这里的gt全称为greater than表明当今标准版本号以上版本号,但不包括当今版本号。
也有其它几个前缀:
lt 表明less than 当今标准版本号下列的版本号,不包括当今版本号。
gte 表明greeter than or equal 当今版本号以上版本号,并包括当今版本号。
lte 表明less than or equal 当今版本号下列版本号,并包括当今版本号。

别的1些css hack的检测:

1..color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA鉴别*/
2..color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA鉴别*/
3..color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8鉴别*/
4..color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8鉴别*//*“color”和“/*\**/”之间有个空格*/

在其中:OP表明Opera,SA表明Safari

参照阅读文章:

http://ladysign-apps.com/blog/archives/529

http://webdevelop.nitamihai.com/ie8-css-hack/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf⑻" />
<title>差别IE6、IE7、IE8、FireFox的CSS hack - www.newcss.cn</title>
<style type="text/css">
<!--
#test,#note{
margin:0 auto;
text-align:center;
}
#test {
width:200px;
height:30px;
border: 1px solid #000000;
color:#fff;
line-height:30px;
}
.color{
background-color: #CC00FF; /*全部访问器都会显示信息为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示信息鲜红色*/
*background-color: #0066FF; /*IE6、IE7会变成蓝色*/  
_background-color: #009933; /*IE6会变成翠绿色*/
}
-->
</style>
</head>

<body>
<div id="test" class="color">检测方块 hi.baidu.com/dpxdqx </div>
<div id="note">
<strong style="color:#009933">IE6</strong>
<strong style="color:#0066FF">IE7</strong>
<strong style="color:#FF0000">IE8</strong>
<strong style="color:#CC00FF">FireFox</strong>
</div>
</body>
</html>