-moz线性梯度

Question

有人可以向我解释这部分代码的含义吗？

repeat scroll 0 0 #F6F6F6;

我搜索了很多内容，但只找到了这部分的语法

-moz-linear-gradient(center top , #FFFFFF, #EFEFEF)

我的代码：

background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;

谢谢！

Answer 1

这些实际上是background CSS property的一部分，而不是-moz-linear-gradient。看看那个链接，它应该解释一下。

基本上：

• repeat：背景重复！
• scroll：当页面滚动时，背景也会滚动
• 0 0：说“从图像中的这一点开始背景”。

所有额外的东西可能都是不必要的 - 它们似乎与默认值相同。

Answer 2

background: <image> <repetition> [scroll] <pos-x> <pos-y> <color>;

• 图像既可以是图像url（），也可以是某些浏览器中的渐变对象。
• 重复可以是不重复，重复-x，重复-y或重复（两者），并且意味着如果图像不填充背景，如何重复图像。
• 如果设置了滚动，则背景将保持固定在屏幕上，滚动时不会跟随文本。
• pos-x和pos-y确定背景的偏移量。
• color表示图像值无效时使用的颜色。

Answer 3

这些是background: css简写的附加选项。

repeat重复图像（尽管-moz-linear-gradient不支持重复）。

scroll（与fixed相对）允许背景“滚动”

0 0是x和y坐标，用于放置图片的左上角。

#F6F6F6 is a background color