JO2.ORG

高性能web前端优化
订阅脚儿网
首页 » 实用技巧 » 全兼容CSS HACK收集与整理

全兼容CSS HACK收集与整理

如题,只作收集,不作解析.

基本的,区分Firefox,IE8,IE7,IE6(还在用IE5的去死):

.test{
color:#f00;/*for firefox */
color:#0f0\9;/*for ie8*/
*color:#00f;/*for ie7 */
_color:#0ff;/*for ie6*/ }

IE系列:

单独对待IE8:

.test{
color:#0f0\9;/*for ie8*/
+color:#00f;/*for ie7 & ie6 */
 }


单独对待IE7:

.test{
color:#0f0\9;/*for ie系列*/
*color:#00f;/*for ie7 */ }

单独对待IE6:

.test{
color:#0f0\9;/*for ie系列*/
_color:#0ff;/*for ie6*/ }

也许新人们看都看晕了,简单总结一下:\9(加在末尾的,注意)是针对IE系列的,*只有IE7能识别,_只有IE6能识别,而+号IE6和IE7都能识别,就IE8不能.

至于传说中的!important,由上面看来,不必用了.CSS HACK说到底就是针对IE,而针对IE大部分时间又是针对IE6,由此看来,IE很操蛋,IE6更操蛋.

另:Firefox与Chrome几乎没什么区别,不过也只是几乎,两者还是有点区别的.但在Chrome下没问题的话,在Firefox下就也没问题.因为据说Chrome更严格.

本文链接: http://www.jo2.org/archives/27.htm.转载请保留.

留言板

  • 你想说?

过客碎碎念... (2)

  1. 彼岸苏安 说道:

    我就是新人,我正在晕啊晕啊!!

    Thumb up 0 Thumb down 0

    [围观]

    十年灯 回复:

    @彼岸苏安,
    你的域名太强悍了,居然有两层意思

    Thumb up 0 Thumb down 0

    [围观]