CSS Hack(Safari、Opera、Firefox3和IE7)

最新推荐文章于 2024-04-19 05:02:12 发布

转载最新推荐文章于 2024-04-19 05:02:12 发布 · 632 阅读

文章标签：

#CSS

.net 同时被 2 个专栏收录

31 篇文章

订阅专栏

CSS

5 篇文章

订阅专栏

本文介绍了两种特定浏览器的CSS Hack技巧：一种适用于Safari和Opera浏览器，通过@media查询实现；另一种适用于Firefox3和IE7，利用特殊的选择器实现。这些技巧有助于开发者针对不同浏览器定制样式。

仅 Safari 和 Opera 识别的 Hack；仅 Firefox 3 和 IE7 识别的 Hack。 1、仅 Safari 和 Opera 识别的 Hack
@media all and (min-width: 0px)
{/* Safari and Opera rules here */}
或者
@media screen and (-webkit-min-device-pixel-ratio:0)
{/* Safari and Opera rules here */}
注：这里所指代的 Safari 和 Opera 一般为最新版本。 2、仅 Firefox 3 和 IE7 识别的 Hack
selector, x:-moz-any-link, x:default
{/* Firefox 3 and IE7 rules here */}
使用方法例：
在
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.box{width:100px;}
/* Safari and Opera rules here */
}