是火狐黑客O.K使用?

时间:2017-03-23 08:23:33

标签: css

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

} 

1 个答案:

答案 0 :(得分:2)

@-moz-开头的任何CSS规则都是特定于Ge​​cko引擎的规则,即它是特定于Mozilla的扩展,而不是标准规则。

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

因此,您可以完美地使用@-moz-样式仅定位到Firefox浏览器。

有关其他Mozilla特定扩展的列表,请参阅here

有关有效的@moz document规则,请参阅here