我已经使用这个 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;
}
}
最佳答案
任何以 @-moz-
开头的 CSS 规则都是 Gecko 引擎特定的规则,即它是 Mozilla 特定的扩展,而不是标准规则。
此处的url-prefix
规则将包含的样式规则应用于任何URL 以它开头的页面。当没有像 @-moz-document url-prefix()
这样的 URL 参数时,它适用于所有页面。这实际上是一个 CSS hack,用于仅针对 Gecko (Mozilla Firefox)。所有其他浏览器将忽略这些样式。
因此,您可以完美地使用 @-moz-
样式来仅针对 Firefox 浏览器。
参见 here获取其他 Mozilla 特定扩展的列表。
参见 here对于有效的 @moz 文档
规则。
关于css - firefox hack 可以使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42970639/