• 针对各种浏览器css不兼容的写法


    /*针对谷歌浏览器内核支持的CSS样式*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {

    样式

    }

    /*针对IE6特制识别的CSS样式*/
    *HTML .SearchBox
    {

    样式

    }

    针对Firefox浏览器的内核CSS写法:
    @-moz-document url-prefix() {
    .font1 {color:red}
    }

    IE8就是自己来调试了。调试一个浏览器,有不合适的地方可以在该内核css中重写对应的方法,只需把不合适的样式重写即可实现。*HTML中则例外,需要每重写一个都要加*HTML单独处理。
    针对样式名

    如果只让ie6看见用*html .head{color:#000;}
    如果只让ie7看见用*+html .head{color:#000;}
    如果只让ff看见用:root body .head{color:#000;}
    如果只让ff、IE8看见用html>/**/body .head{color:#000;}
    如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效
    如果只是不让ff、IE8看见用*body .head{color:#000;}    即对ff、IE8无效

    针对具体属性

    如果只让ie6看见用_     .head{_color:#000;}
    如果只让ie7看见用+与_结合的方法:     .head{+color:#f00;!;_color:#000;}

    IE8正式版hack

    9″ 例:”margin:0px auto9;”.这里的”9″可以区别所有IE8和FireFox.
    “*” IE6、IE7可以识别.IE8、FireFox不能.
    “_” IE6可以识别”_”,IE7、IE8、FireFox不能.
    如:
    .a {color:#f00;     color:#f609;    +color:#00FF00;    _color:#0000FF; }
    从左到右分别对应 FF,IE8 IE7 IE6
    =============================
    P{+color:#f00;}                支持 IE7 IE6        不支持 FF  IE8b
    P{_color:#f00;}                支持ie6            不支持 FF
    P{color:#f00; !important;}   
    P{color:#f00;}                支持 IE6 IE7 IE8b FF
    P{color:#00f !important;color:#f00; }     支持IE7 IE8b FF     不支持IE6
    head:first-child+body p{color:#f00;}    支持IE7 IE8b FF       不支持IE6

    /**//*/
    /**/                    支持IE8b            不支持IE6 IE7 FF
    html*{color:#f00}            支持IE6 IE7          不支持 IE8b FF
    body>p{color:#f00}            支持IE7 IE8b FF        不支持 IE6
    html[xmlns] p {color:#f00}        支持 IE7 IE8b FF    不支持 IE6
    @import "style.css"
    @import "style.css"
    @import url(style.css)
    @import url('style.css')
    @import url("style.css")        支持 IE6 IE7 IE8b FF

    P{/*/*color:#f00;/* */}            支持 IE6 IE7  FF     不支持 IE8b

    出自:http://www.cnblogs.com/bq-blog/archive/2011/05/26/2058001.html

  • 相关阅读:
    Python 实现红绿灯
    ELK使用1-Elasticsearch使用
    CF Educational Codeforces Round 21
    Codeforces Round #408 (Div. 2)
    2017年 湘潭邀请赛(湖南)or 江苏省赛
    Tinkoff Challenge
    欧几里德算法与扩展欧几里德算法
    operator的各种问题
    树状数组 Playrix Codescapes Cup (Codeforces Round #413, rated, Div. 1 + Div. 2) C. Fountains
    Playrix Codescapes Cup (Codeforces Round #413, rated, Div. 1 + Div. 2) D. Field expansion
  • 原文地址:https://www.cnblogs.com/onlymate/p/4375285.html
Copyright © 2020-2023  润新知