IE8正式版出来有一段日子了,可是针对ie8正式版的CSS hack却不多,其实这是值得庆幸的,由于ie8修复了不少IE6和IE7的一些BUG,更加接近W3C标准。css
针对IE8正式版的CSS hack目前能够找到的分为2种:html
基本的写法:web
1.
.test { color
/*\**/
:
blue
\
9
}
这个IE六、IE七、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能识别,IE七、IE8和FF不能识别*/
具体能够查看这里:http://www.css88.com/archives/705;app
1.
.color
1
{
color
:
#F00
; color
/*\**/
:
#00F
/*\**/
}
/*IE6,IE7,IE8,FF,OP,SA识别*/
2.
.color
2
{
color
:
#F00
; color
/*\**/
:
#00F
/*\9**/
}
/*IE7,IE8,FF,OP,SA识别*/
3.
.color
3
{
color
:
#F00
; color
/*\**/
:
#00F
\
9
}
/*IE6,IE7,IE8识别*/
4.
.color
4
{
color
:
#F00
; color
/*\**/
:
#00F
\
9
}
/*IE7,IE8识别*/
/*“color”和“/*\**/
”之间有个空格*/
其中:OP表示Opera,SA表示Safari测试
参考阅读:ui
http://ladysign-apps.com/blog/archives/529code
http://webdevelop.nitamihai.com/ie8-css-hack/xml
<!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-8" />
<title>区别IE六、IE七、IE八、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: #FF0000\9; /*IE六、IE七、IE8会显示红色*/
* /*IE六、IE7会变为蓝色*/
_background-color: #009933; /*IE6会变为绿色*/
}
-->
</style>
</head>htm
<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>