zoukankan      html  css  js  c++  java
  • 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浏览器
  • 相关阅读:
    【转】 Linux Core Dump 介绍
    【转】 设定linux 系统可用资源
    Python for 循环 失效
    transition 平移属性实现 横向整屏 滚动
    vue 插槽的使用
    vue pc商城仿网易严选商品的分类效果
    干货-vue 中使用 rxjs 进行非父子组件中传值
    vue 2.0 脚手架项目中使用 cross-env 分环境打包
    什么是闭包,有哪些优缺点呢?
    滚动视差
  • 原文地址:https://www.cnblogs.com/yyy6/p/5939809.html
Copyright © 2011-2022 走看看