我已经使用这个hack来进行firefox所需的css更改。它已经工作,但是当我验证代码时,我有以下错误。我可以使用下面的代码,还是有更好的方法?
751 Sorry, the at-rule @-moz-document is not implemented.
798 Parse Error }
/*********************************
FIRE FOX HACK TO FIX ERRORS
***********************************/
@-moz-document url-prefix() {
#rectangle {
width: 1030px;
right: -100px;
}
}
答案 0 :(得分:2)
以@-moz-
开头的任何CSS规则都是特定于Gecko引擎的规则,即它是特定于Mozilla的扩展,而不是标准规则。
这里的url-prefix
规则将包含的样式规则应用于URL以其开头的任何页面。当使用没有像@-moz-document url-prefix()
这样的URL参数时,它适用于所有页面。这实际上是用于仅针对Gecko(Mozilla Firefox)的CSS hack。所有其他浏览器都会忽略这些样式。
因此,您可以完美地使用@-moz-
样式仅定位到Firefox浏览器。
有关其他Mozilla特定扩展的列表,请参阅here。
有关有效的@moz document
规则,请参阅here。