CSS浏览器兼容

2017-05-22  本文已影响21人  Johnson杰

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

上一篇 下一篇

猜你喜欢

热点阅读