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>