为什么在检查元素CSS时Firebug添加-moz- *样式？

Question

每当我检查萤火虫页面元素，我总是看到它添加样式，如...

-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 

...等，到样式对话框。它为什么这样做？

Answer 1

这不是Firebug添加这些规则，而是Gecko渲染引擎。它们是“默认样式表”的一部分。 （特定代理在解析页面上的样式之前应用的默认样式，它们具有0,0,0,0的特异性，这基本上意味着对同一规则的任何进一步声明都会覆盖默认设置。）

由于您有“显示用户代理CSS”检查您的Firebug设置，萤火虫显示这些规则。

---

从Mozilla开发参考：

-moz-background-clip

在基于Gecko的应用程序，如火狐-moz-background-clip CSS属性指定的元素的背景，无论是彩色或图像是否延伸下方其边界

边框 :(初始）背景延伸到外部边界的边缘（但在z排序的边界下方）。

填充：无背景画在边界之下（背景延伸到填充的外边缘）。

---

-moz-background-inline-policy

在基于Gecko的应用程序，如Firefox中，-moz-background-inline-policy CSS属性指定如何当内联元件的内容包装到多行的内联元件的背景图像被确定。职位的选择对重复有重大影响。

包围盒：背景图像中包含所有的行内框的元件的最小矩形定位（和重复）。根据-moz-background-clip属性，它将被限制为仅在这些框中可见。

continuous :(初始化）背景图像被定位（和重复），好像内联框没有穿过线断开，然后这个长的矩形被切成每条线的块。

each-box：背景图像被定位（和重复）的内联元素的每个框。这意味着带有background-repeat : no-repeat的图像可能会重复多次。

---

-moz-background-origin

在Mozilla的应用程序，如Firefox中，-moz-background-origin CSS属性确定背景定位区域（背景图像的原点）。

border：背景位置是相对于边框的，所以图片可以在边框后面。

填充 :(初始）背景位置是相对于填充。

content：背景位置是相对于内容。

Answer 2

我相信这是萤火虫在使用它时添加到网页上的所有小设计。像在块级元素周围添加彩色框等

Answer 3

这是CSS 3和实验属性。由于该属性尚未标准化，因此它们添加了该前缀。