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

时间:2009-08-10 20:46:56

标签: css firebug

每当我检查Firebug中的页面元素时,我总会看到它添加样式,如...

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

...等,到样式框。为什么这样做?

3 个答案:

答案 0 :(得分:15)

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

由于您在Firebug设置中选中了“显示用户代理CSS”,因此Firebug会显示这些规则。


来自Mozilla开发人员参考:

-moz-background-clip

  

在像Firefox这样的基于Gecko的应用程序中,-moz-background-clip CSS属性指定元素的背景(颜色或图像)是否在其边框下方延伸

     

border :(初始)背景延伸到边框的外边缘(但在z排序的边框下方)。

     

填充:边框下方没有绘制背景(背景延伸到填充的外边缘)。


-moz-background-inline-policy

  

在像Firefox这样的基于Gecko的应用程序中,-moz-background-inline-policy CSS属性指定当内联元素的内容包装到多行时如何确定内联元素的背景图像。位置的选择对重复有显着影响。

     

边界框:背景图像位于(并重复)最小矩形中,该矩形包含元素的所有内联框。然后根据-moz-background-clip属性将其剪裁为仅在这些框中可见。

     

连续 :(初始)背景图像被定位(并重复),好像内联框没有在线条之间断开,然后这个长矩形被切成每行的碎片。

     

每个框:为内联元素的每个框分别定位(并重复)背景图像。这意味着具有background-repeat : no-repeat的图像可能会重复多次。


-moz-background-origin

  

在Firefox等Mozilla应用程序中,-moz-background-origin CSS属性决定了背景定位区域(背景图像的原点)。

     

边框:背景位置相对于边框,因此图片可以位于边框后面。

     

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

     

内容:背景位置相对于内容。

答案 1 :(得分:0)

这是CSS 3和实验属性。由于这些属性尚未标准,因此他们会添加该前缀。

答案 2 :(得分:-1)

我相信当你使用它时,firebug会为你的页面添加一些额外的设计。就像在块级元素周围添加彩色框一样。