首页 > CSS/ 网络技术 > Opera Chrome Safari浏览器的CSS Hack方法

Opera Chrome Safari浏览器的CSS Hack方法

之前写过一篇文章《主流浏览器的CSS Hack方法整理》,其中提到了Opera Chrome Safari等浏览器的CSS hack的方法,可是对于有的版本的浏览器是不兼容的,如下面的代码

以下代码是支持Chrome、opera、safari的hack方法,不过我没有使用过,是从网上找到的:

@media all and (min-width:0px){
.wyq { background: #000;   }                    /* Opera、Safari 、Chrome */
}

测试一下,不行~后来在老大的指导下找到了一个解决的方法,代码如下:

Opera Chrome Safari浏览器的CSS Hack方法:

body:nth-of-type(1) .brower
{
    /*background: #00f; 这是专门针对Chrome和Safari的CSS hack */
}
.brower
{
    background: #f00;                             /* ff */
    background: #00ff00\0;                        /* IE8 */
    [background: #ff00ff; background: #000;       /* Safari Chrome */
    *background: #ff6600;                         /* IE7 */
    _background: #ffff00;                         /* IE6 */
}

注意:

1、下面的一行是一整体,后边的会覆盖前边的

 [background: #ff00ff; background: #ff00ff;

2、下面的这一行针对IE8,而且数字必须是0,以前用9,但是用9,IE7和IE6也识别

background: #00ff00;

特此记录一下~

相关文章

"Opera Chrome Safari浏览器的CSS Hack方法"已有4条评论
    kun10

    呵呵,资源很丰富~~,想起以前的css兼容性直接来这里了,不过那个搜索出来的结果不知按什么相关性排出来的,我搜css出来的前几页都是jq的东西,本留言采用热键发布~~

    2010年02月08日 00:42 回复 引用

    断桥残雪

    谁知道,没研究 哈哈~最近好吗,普加公交终于上线了,可以试试,还没对外发链接呢~http://bus.pujia.com

    2010年02月08日 00:52 回复 引用

    kun10

    @断桥残雪 呵呵,你们辛苦了啊,我准备毕业设计呢最近,也比较忙,不过比较充实的

    2010年02月10日 02:48 回复 引用

    toyean

    你好,文章代码中CSS存在错误,在此更正:
    _background: #ffff00; 为IE6的HACK。

    2011年11月29日 18:21 回复 引用

文明发言,你好我也好
正在提交,请稍后...
返回顶部