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浏览器
  • 相关阅读:
    字体文件以base64编码的方式引入内嵌到样式文件中
    css content 如何自定义生成图标?
    很好的个人博客网址
    较好的第三方框架-网址
    html Javascript MD5
    html svg 编辑器
    ajax笔试面试题
    工作备忘录
    移动端页面兼容性问题解决方案整理(三)
    移动端页面兼容性问题解决方案整理(二)
  • 原文地址:https://www.cnblogs.com/yyy6/p/5939809.html
Copyright © 2011-2022 走看看