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