css HACK

作者: 嗝喯唲 | 来源:发表于2016-12-09 11:10 被阅读23次

    一、IE6 css hack

    1. html Selector {} / Selector 表示 css选择器 下同 */
    1. Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */
    2. Selector { _property//: //value; }
    3. Selector { -property: value; } /*[IE6 css hack]常用习惯推荐使用下划线_ */

    二、IE7 css hack

    1. **+html Selector {}
    1. *:first-child+html Selector {}

    三、IE8 css hack

    Selector { /* 注意看value值的 /
    property: value1; /
    W3C MODEL /
    property: value2\0; /
    IE 8+ /
    property: value1\9\0; /
    IE 9+ */
    }

    四、IE6、IE7、IE8共有的css hack

    Selector { property: value\9; }

    五、IE6、IE7共有的css hack:

    1. Selector { *property: value; }
    1. Selector { #property: value; }
    2. Selector { +property: value; }

    六、IE8+ css hack

    Selector { property: value\0; }

    七、IE9+ css hack
    Selector { property: value\9\0; }

    八、判断方式:
    <code>
    <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
    <!–[if IE]> 所有的IE可识别 <![endif]–>
    <!–[if IE 6]> 仅IE6可识别 <![endif]–>
    <!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
    <!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
    <!–[if IE 7]> 仅IE7可识别 <![endif]–>
    <!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
    <!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>
    <!–[if IE 8]> 仅IE8可识别 <![endif]–><!–[if IE 9]> 仅IE9可识别 <![endif]–>
    </code>

    相关文章

      网友评论

          本文标题:css HACK

          本文链接:https://www.haomeiwen.com/subject/vkyemttx.html