IE8 CSS hack

最新推荐文章于 2023-07-19 09:53:21 发布

转载最新推荐文章于 2023-07-19 09:53:21 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/longly/p/6844086.html

IE8正式版出来有一段日子了，但是针对ie8正式版的CSS hack却很少，其实这是值得庆幸的，因为ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。

针对IE8正式版的CSS hack目前可以找到的分为2种：

第一种：”\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不能识别*/

第二种：就是使用IE的条件注释

具体可以查看这里：http://www.css88.com/archives/705；

其他一些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

参考阅读：

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-8" />
<title>区别IE6、IE7、IE8、FireFox的CSS hack - www.newcss.cn</title>
<style type="text/css">

</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>

转载于:https://www.cnblogs.com/longly/p/6844086.html