如何使用-moz-repeating-linear-gradient将背景转换为-webkit(具体示例)

时间:2011-04-26 07:15:18

标签: webkit css3 linear-gradients

我在firefox中做了这个背景但是我无法在webkit / chrome中复制它(我尝试了几种替代方案但没有):

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

正确的翻译是什么?有可能实现相同的模式吗? (或至少非常接近)。

谢谢!

2 个答案:

答案 0 :(得分:2)

哦!它就在文档中! :

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

  

如果你想达到像这样的效果   使用a平铺垂直渐变   窄条,你应该指定   background-size给出渐变   平铺大小。

因此修复后添加:

background-size: 10px;

Gecko和Webkit在这方面的行为不同:如果您在“px”中指定渐变步骤,Gecko会自动调整背景大小,而webkit将(可能)根据您设置的“px”度量计算%。 / p>

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

答案 1 :(得分:0)

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

Chrome和Webkit nightlies支持。