我已经使用此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/