如何使 margin-top: -5%;
仅在Firefox中生效?
在这段代码中:
#snap {
width: 100%;
overflow: hidden;
margin-top: -5%; // only apply in Firefox
}
您可以使用@supports
来进行hack。
使用@supports允许进行本地特性检测,类似于Modernizr。
在下面的代码中,如果浏览器支持-moz-transform: translate(0, 0)
,则div
将应用margin-top: -50px
。
div {
width: 100px;
height: 100px;
background: red;
}
@supports (-moz-transform: translate(0, 0)) {
div {
margin-top: -50px;
}
}
<div></div>
@-moz-document url-prefix() {
#snap {
margin-top: -5%;
}
}
来源:http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
这是一篇关于针对Firefox浏览器的CSS技巧的文章。在编写CSS时,有些属性可能会在不同的浏览器中表现不同,因此需要使用一些hack来解决这个问题。本文介绍了一些专门针对Firefox浏览器的hack,可以帮助您更好地控制页面的外观和行为。
margin-top
只适用于其他浏览器,而不适用于Firefox吗? - Ivo Coumans