css 浏览器兼容性解决方法

最新推荐文章于 2025-04-22 08:05:23 发布

原创最新推荐文章于 2025-04-22 08:05:23 发布 · 298 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #浏览器

css 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了针对不同浏览器的CSS Hack技巧，包括特定于IE、Opera、Safari和Chrome等浏览器的Hack方法。通过这些Hack，开发者可以解决浏览器间的兼容性问题。

SS类级别的hack仅IE7识别 *+html {…} 

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:10px\9; 

仅IE8识别 ： margin-left:10px\0; 

IE6/IE7识别 ： *margin-left:10px; 

仅IE6识别 : _margin-left:10px;