css样式在IE不同版本浏览器的兼容问题

发布时间:2020-06-04编辑:脚本学堂
css样式在IE不同版本浏览器的兼容问题,自己的学习笔记,用到时翻出来看看。

css仅IE8识别 : margin-left:10px;
cssIE6/IE7识别 : *margin-left:10px;
css仅IE6识别 : _margin-left:10px;
IE6及IE6以下识别 * html {…}

opera、safari、chrome识别:
@media all and (min-width: 0px){…} //Firefox3.0.6不识别,但Firefox3.6也识别该规则,如果Firefox版本有严格要求,请使用下一条规则

@media screen and (-webkit-min-device-pixel-ratio:0){…} //IE、Firefox不识别该规则

仅opera识别:
@media screen and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0{…}

CSS属性级别的hack仅IE识别 : margin-left:10px9;