IE8 CSS hack

IE8正式版出來有一段日子了,可是針對ie8正式版的CSS hack卻不多,其實這是值得慶幸的,由於ie8修復了不少IE6和IE7的一些BUG,更加接近W3C標準。css

針對IE8正式版的CSS hack目前能夠找到的分爲2種:html

第一種:」\9″:

基本的寫法: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不能識別*/

 

第二種:就是使用IE的條件註釋

具體能夠查看這裏:http://www.css88.com/archives/705app

其餘一些css hack的測試:

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>

相關文章
相關標籤/搜索