我已经使用此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参数使用时,它适用于所有页面。实际上,这是仅用于Gecko(Mozilla Firefox)的CSS hack。所有其他浏览器将忽略样式。

因此,您可以完美地使用@-moz-样式仅将Firefox浏览器作为目标。

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

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

关于css - 是否可以使用firefox hack?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42970639/

10-13 06:03