• CSS兼容性汇总


    http://www.jb51.net/css/469020.html

    CSS属性Hack

    把属性hack分为 前缀属性hack和 后缀属性hack

    CSS属性Hack(前缀) 针对的浏览器
    _color:red; IE6及其以下的版本
    *color:red ;或者 +color:red; IE7及其以下的版本
    CSS属性Hack(后缀) 针对的浏览器
    color:red9; IE6/IE7/IE8/IE9/IE10版本
    color:red; IE8/IE9/IE10版本
    color:red9; IE9/IE10
    color:red!important IE7/IE8/IE9/IE10及其他非IE浏览器

    其实,现在越来越的公司,不太让兼容ie6了,现在比较关心的是ie8.910等高版本的浏览器,因此这里小强老师也总结了ie专属hack ,比如ie8等。

    选择器Hack写法 针对于的浏览器
    @media screen9{body { background: red; }} 只对IE6/7生效
    @media screen {body { background: red; }} 只对IE8生效
    @media screen\,screen9{body { background: blue; }} 只对IE6/7/8有效
    @media screen {body { background: green; }} 只对IE8/9/10有效
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效

    如果样式比较多,条件注释,是不错的选择:

    IE条件注释语句

    IE条件注释语句 针对的浏览器版本
    <!--[if lt IE 7]>内容<![endif]-->   IE7 以下版本
    <!--[if lte IE 7]>内容<![endif]--> IE7及以下版本(包含IE7)
    <!--[if gt IE 7]>内容<![endif]--> IE7 以上版本
    <!--[if gte IE 7]>内容<![endif]--> IE7及以上版本(包含IE7)
    <!--[if !IE 7]>内容<![endif]--> 非IE7版本
    <!--[if !IE]><!-->您使用不是 Internet Explorer<!--<![endif]--> 非IE浏览器
  • 相关阅读:
    [SUCTF 2019]EasySQL
    [强网杯 2019]随便注
    [HCTF 2018]WarmUp
    Linux下配置JDK环境
    Centos克隆虚拟机后配置网络
    Sublime安装插件
    LeetCode-91-解码方法
    LeetCode-322-零钱兑换
    LeetCode-152-乘积最大子数组
    LeetCode-139-单词拆分
  • 原文地址:https://www.cnblogs.com/yyy6/p/5939809.html
Copyright © 2020-2023  润新知