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;                         /* IE8 */
}

注意:

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

 [background: #ff00ff; background: #ff00ff;

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

background: #00ff00;

特此记录一下~

2009年12月21日
首页 > CSS, 网络技术 > Opera Chrome Safari浏览器的CSS Hack方法

相关文章

评论( 3 )
  1. kun10 2010年2月8日 00:42  | #1 沙发!

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

  2. kun10 2010年2月10日 02:48  | #2 板凳

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

  3. 断桥残雪 2010年2月8日 00:52  | #3

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

容许使用的 HTML 标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
Trackbacks & Pingbacks ( 0 )