针对IE8正式版的CSS hack

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

针对IE8正式版的CSS hack目前可以找到的分为2种:(转载请注明出处:WEB前端开发 https://www.css88.com/)

第一种:”\9″:

基本的写法:

[code=”css”].test { color/*\**/: blue\9 }[/code]

这个IE6、IE7、IE8都能识别;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack:(转载请注明出处:WEB前端开发 https://www.css88.com/)

[code=”css”]

.header {width:300px;} /* 所有浏览器*/
.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
.header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/
[/code]

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

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

(转载请注明出处:WEB前端开发 https://www.css88.com/)?

其他一些css hack的测试:

[code=”css”]

.color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
.color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
.color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
.color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

[/code]

其中:OP表示Opera,SA表示Safari;(转载请注明出处:WEB前端开发 https://www.css88.com/)

参考阅读:

http://ladysign-apps.com/blog/archives/529

http://webdevelop.nitamihai.com/ie8-css-hack/

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 针对IE8正式版的CSS hack

评论 6

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    不错,收藏了。

    蝎子10年前 (2009-05-09)回复
  2. #-48

    测试了下,没有看到预期的效果,能否出个demo

    hwangzhiming8年前 (2011-04-08)回复
    • 这还要demo啊!

      8年前 (2011-04-08)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏