区分ie6-9,firefox,chrome,opera,safari的css方法(hack)

最新推荐文章于 2024-05-10 12:57:13 发布

xixian87

最新推荐文章于 2024-05-10 12:57:13 发布

阅读量82

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/u012901416/article/details/84267148

版权

html 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

css

6 篇文章 0 订阅

订阅专栏

参考http://www.cnblogs.com/wuqiang/archive/2011/08/23/2150240.html

<!DOCTYPE html>  

<html>  

<head>  

    <title>Css Hack</title>  

    <style type="text/css">  

    #test   

    {   

        width:300px;   
        height:300px;   
        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/

    }  
    :root #test { background-color:purple\9; }  /*ie9*/
    @media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari*/
    </style>  
</head>  
<body>  
    <div id="test">test</div>  
</body>  
</html>