美文网首页
CSS浏览器兼容

CSS浏览器兼容

作者: Johnson杰 | 来源:发表于2017-05-22 15:41 被阅读21次

记录工作学习中发现的CSS浏览器兼容问题以及可行的解决方法,为日后的工作提供便利。
PS:待完善中...

1.针对IE浏览器使用CSS hack

在目前的工作中,有时为了兼容低版本的IE浏览器,要为一些样式写一些CSS hack,建议使用IE浏览器独有的文档注释的方式,真的很方便维护!

gt:大于   lt: 小于   !:非   |:或  
<!--[if (gt IE 9)|!(IE)]> <!-- IE9以上及非IE –> 
  <link rel="stylesheet" type="text/css" href="common.css" /> 
<!--<![endif]--> 
<!--[if IE 9 ]> <!-- 适合于IE9 –>
  <link rel="stylesheet" type="text/css" href="ie9.css" /> 
<![endif]-->
<!--[if IE 8 ]> <!-- 适合于IE8 –>
  <link rel="stylesheet" type="text/css" href="ie8.css" /> 
<![endif]-->
...
IE6、IE7以此类推

IE6:识别下划线_前缀和星号*前缀,height:100px
IE7 、遨游:识别星号*前缀,*height:200px
IE7:识别星号*+前缀和!important,*+height:200px
IE8:通过复合形成

相关文章

  • 2019-06-05

    css浏览器前缀: -ms- 兼容IE浏览器; -moz- 兼容firefox -o- 兼容opera, -web...

  • HTML样式在不同浏览器中显示有差异的解决办法

    (一)AutoPrefixer (Autoprefixer CSS online) 为兼容所有浏览器,有的CSS属...

  • CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器 -moz- 兼容...

  • css元素选择符

    1 通配符(*) css2 兼容浏览器版本 注: 示例 2 标签(类型)选择符(Element) css1 兼容浏...

  • css浏览器兼容

    一.什么是CSS hack。浏览器兼容,不同的浏览器兼容性不同,对css的解析也不同,有些能够识别一些特定的符号(...

  • 前端知识CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器-moz- 兼容f...

  • html(入门)CSS浏览器前缀

    浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器-moz- 兼容f...

  • 浏览器兼容问题

    1.什么是 CSS hack CSS hack:利用浏览器漏洞,使css兼容不同的浏览器/版本。共有3种方式: I...

  • 浏览器兼容(task12)

    1.什么是 CSS hack CSS hack:利用浏览器漏洞,使css兼容不同的浏览器/版本。共有3种方式: I...

  • CSS Hack

    解决浏览器兼容问题(主要兼容IE浏览器) 属性级hack在css属性名前或者除css属性值后加上一些特殊的标识,以...

网友评论

      本文标题:CSS浏览器兼容

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