• css hack (ie6-ie9+)


    IE6 css hack:

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

    IE7 css hack:

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

    IE8 css hack:

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

    IE6、IE7、IE8共有的css hack:

    Selector { property: value9; }

    IE6、IE7共有的css hack:

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

    IE8+ css hack:

    Selector { property: value; }

    IE9+ css hack:

    Selector { property: value9; }

    单独区分IE8 和IE9

    .Selector{margin-left:-2px}【ie8和ie9均可识别】
    :root .Selector{margin-left:09}【只有ie9可识别:root】

    判断方式:
    <!–[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]–>

    日拱一卒,不负所期
  • 相关阅读:
    用javascript写星际飞机大战游戏
    Vue源码分析之实现一个简易版的Vue
    Vue源码分析之数据驱动
    Vue源码分析之虚拟DOM
    使用HbuilderX离线打包5+APP
    ERROR in build.js from UglifyJs
    PHP 的一些开发规范
    Markdown使用TOC自动生成导航栏
    Hexo博客skapp主题部署填坑指南
    Docker 官方安装详解
  • 原文地址:https://www.cnblogs.com/zzd0916/p/6097289.html
Copyright © 2020-2023  润新知