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>

相关文章
相关标签/搜索