这个css片段的功能是什么?

时间:2009-08-10 04:54:31

标签: css

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

我认为添加或删除此代码段没有任何区别。

3 个答案:

答案 0 :(得分:5)

这些是Gecko渲染引擎设置的默认CSS属性。

-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 :(得分:2)

前缀为-moz-的标签是非标准标签,只能由基于Gecko的浏览器查看,例如Firefox。如果您使用任何其他浏览器,它们将没有任何效果。

它们通常是未来标准的实验版标签,如CSS3。

答案 2 :(得分:0)