各浏览器css hack

时间：2010-09-28 来源：伊羽

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Css Hack </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <style type="text/css">
        body p
        {
        display: none;
        }
        /* Opera */
        html:first-child #opera
        {
        display: block;
        }
        /* IE 8 */
        html body #ie8
        {
        display: block\9;
        }
        /* IE 7 */
        html > body #ie7
        {
        *display: block;
        }
        /* IE 6 */
        body #ie6
        {
        _display: block;
        }
        /* Firefox 1 - 2 */
        body:empty #firefox12
        {
        display: block;
        }
        /* Firefox */
        @-moz-document url-prefix()
        {
        #firefox { display: block; }
        }
        /* Safari */
        @media screen and (-webkit-min-device-pixel-ratio:0)
        {
        #safari { display: block; }
        }
        /* Opera */
        @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
        {
        head~body #opera { display: block; }
        }
    </style>
</head>
<body>
    <p id="opera">Opera</p>
    <p id="safari">Safari/Chrome</p>
    <p id="firefox">Firefox</p>
    <p id="firefox12">Firefox 1 - 2 </p>
    <p id="ie8">IE 8</p>
    <p id="ie7">IE 7</p>
    <p id="ie6">IE 6</p>
</body>
</html>