zoukankan      html  css  js  c++  java
  • 各种浏览器css hack

    转载 http://www.cnblogs.com/jikey/archive/2010/06/21/1761924.html

    IE都能识别*,标准浏览器(如FF)不能识别*;
    IE6能识别*,但不能识别 !important;
    IE7能识别*,也能识别 !important;
    IE8能识别,不能识别*,+,_,*加!important;
    FF不能识别*,但能识别 !important;
    例如style=”*10px!important; 20px;”
    这样在IE6下宽度为10px,在IE7下宽度时20px

    其中还有三种写法:

    1种:
    100px; /* FireFox及其他浏览器 */
    200px; /* IE8能识别*/
    *300px!important; /* ,IE7 既能能识别*号,也能识别important */
    *400px; /* IE6也能识别*号 */
    /*注意顺序 */

    2种:
    100px; /* FireFox及其他浏览器 */
    200px; /* IE8能识别*/
    *300px; /* IE7也能识别*号 */
    _400px; /* IE6能识别下划线*/
    /*注意顺序 */

    3种:
    100px; /* FireFox及其他浏览器 */
    200px; /* IE8能识别*/
    +300px; /* +只识别IE7 */
    _400px; /* IE6能识别下划线*/
    /*注意顺序 */

    1..color1{ color:#F00; color/***/:#00F /***/}/*IE6,IE7,IE8,FF,OP,SA识别*/
    2..color2{ color:#F00; color /***/:#00F /*9**/}/*IE7,IE8,FF,OP,SA识别*/
    3..color3{ color:#F00; color/***/:#00F 9}/*IE6,IE7,IE8识别*/
    4..color4{ color:#F00; color /***/:#00F9}/*IE7,IE8识别*//*“color”和“/***/”之间有个空格*/
    其中:OP表示Opera,SA表示Safari
    ————————————-
    各种浏览器独立支持的hack:
    100px;/* 支持IE8 */

    _100px; /* 支持IE6 */

    [100px; /* 支持IE6,7 */

    +100px; /* 支持IE6,7 */

    *100px; /* 支持IE6,7 */

    *100px!important; /* 支持IE6,7, */

    *+100px; /* 支持IE6,7, */

    *+100px!important;/* 支持IE6,7, */

    100px9; /* 支持IE6,7,8 */

    100px!important; /* 支持IE6,7,8,FF */

    100px; /*IE5.x不支持 IE6、IE7、IE8、FF支持 */

    ------------------
    IE条件注释功能:

    <!--[if IE]>此内容只有IE可见<![endif]–>
    <!–[if IE 6.0]>此内容只有IE6.0可见<![endif]–>
    <!–[if IE 7.0]>此内容只有IE7.0可见<![endif]–>
  • 相关阅读:
    命令拷屏之网络工具
    PHP 设计模式 笔记与总结(1)命名空间 与 类的自动载入
    Java实现 计蒜客 1251 仙岛求药
    Java实现 计蒜客 1251 仙岛求药
    Java实现 计蒜客 1251 仙岛求药
    Java实现 蓝桥杯 算法训练 字符串合并
    Java实现 蓝桥杯 算法训练 字符串合并
    Java实现 蓝桥杯 算法训练 字符串合并
    Java实现 LeetCode 143 重排链表
    Java实现 LeetCode 143 重排链表
  • 原文地址:https://www.cnblogs.com/huangyin1213/p/5695881.html
Copyright © 2011-2022 走看看