CSS浏览器兼容

记录工作学习中发现的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:通过复合形成

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与F...
    单纯的土豆阅读 5,795评论 1 33
  • 一.什么是CSS hack。浏览器兼容,不同的浏览器兼容性不同,对css的解析也不同,有些能够识别一些特定的符号(...
    邵志远阅读 434评论 0 0
  • 1.什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozi...
    饥人谷_bigJiao阅读 629评论 0 1
  • 什么是 CSS hack CSS hack指浏览器各版本之间对CSS解析后展现的效果不一样,针对不同的浏览器去写不...
    柏龙阅读 300评论 0 3