css - firefox hack 可以使用吗？

Question

我已经使用这个 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;
  }

} 

Answer 1

任何以 @-moz- 开头的 CSS 规则都是 Gecko 引擎特定的规则，即它是 Mozilla 特定的扩展，而不是标准规则。

此处的url-prefix 规则将包含的样式规则应用于任何URL 以它开头的页面。当没有像 @-moz-document url-prefix() 这样的 URL 参数时，它适用于所有页面。这实际上是一个 CSS hack，用于仅针对 Gecko (Mozilla Firefox)。所有其他浏览器将忽略这些样式。

因此，您可以完美地使用 @-moz- 样式来仅针对 Firefox 浏览器。

参见 here获取其他 Mozilla 特定扩展的列表。

参见 here对于有效的 @moz 文档 规则。