webkit - 如何使用 -moz-repeating-linear-gradient 将背景翻译为 -webkit（具体示例）

Question

我在 Firefox 中做了这个背景，但我无法在 webkit/chrome 中复制它（我尝试了几种替代方法，但没有）：

background: -moz-repeating-linear-gradient(0deg, gray, transparent 1px, transparent 5px) repeat scroll 0 0 white;

什么是正确的翻译？有可能实现相同的模式吗？（或至少一个非常接近的）。

谢谢！

Answer 1

哦！它在文档中！：

http://www.webkit.org/blog/175/introducing-css-gradients/

如果您想使用窄条实现垂直渐变平铺等效果，则应指定 background-size 以赋予渐变平铺明确的大小。

所以它被固定添加：

background-size: 10px;

Gecko 和 Webkit 在这件事上的行为不同：如果您在“px”中指定渐变步骤，Gecko 会自动调整背景大小，但 webkit 将（可能）根据您设置的“px”度量计算 %。

我不确定我的英语是否正确，但这就是我的想法......

Answer 2

-webkit-repeating-greadient(...):)

受 Chrome 和 Webkit nightlies 支持。