我在firefox中做了这个背景但是我无法在webkit / chrome中复制它(我尝试了几种替代方案但没有):
background: -moz-repeating-linear-gradient(0deg, gray, transparent 1px, transparent 5px) repeat scroll 0 0 white;
正确的翻译是什么?有可能实现相同的模式吗? (或至少非常接近)。
谢谢!
答案 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支持。