void

用以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks

   IE8正式已经发布,对于网页设计者来说,在不开启IE8的兼容模式下,网站能否正常显示成了一个需要注意的问题,虽然IE8号称更加符合标准,但还是会出现局部显示不正确的bug,本站以前提供过一次有关于IE8的Hack,见《IE6、IE7、IE8、FF的简单Hack》,发现那里面提供的有关IE8那个hack好像并不起作用,本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks,方便在IE8下局部显示不正确的时候进行调整,避免重写CSS,经过测试,这种IE8 的hacks可用。

可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks:

程序代码 程序代码
.test{
    color:/*\**/#00f\9; /* IE8 */
}
.test,
.test:-moz-any-link{
    color:#f60; /* Firefox2 */
}
.test,
.test:default{
    color:#000; /* Firefox3 */
    *color:#f00; /* IE7 */
    _color:#0f0; /* IE6 */
}


可同时区分IE8、IE7、IE6、Firefox的CSS hacks:

程序代码 程序代码
.test{
    color:#000; /* Firefox */
    color:/*\**/#00f\9; /* IE8 */
    *color:#f00; /* IE7 */
    _color:#0f0; /* IE6 */
}


关于IE8的hacks:

程序代码 程序代码
.test{
    color:/*\**/#00f\9; /* IE8 only */
    color:#00f\9; /* 适用于所有IE版本 */
}


      虽然这个hacks可用,但还是希望能够尽量少用或者不用hacks,从显示不正常的原因着手解决问题才能达到完美,毕竟hack的写法不符合也通不过w3c对样式表的交验。

posted on 2009-04-22 20:44 void 阅读(321) 评论(0)  编辑  收藏 所属分类: Css


只有注册用户登录后才能发表评论。


网站导航: