我正在使用background-image: linear-gradient css属性为网站背景创建多个颜色条
通常渐变停止是由百分比定义的，但我需要在我的网站中使用像素，所以我设法使用她在patterns中使用的方法lea将其更改为像素
问题是每种颜色的结尾都有点模糊。在Firefox中它不那么引人注目，但在Chrome中它非常引人注目
有办法处理吗？
我注意到当我将'deg'从180改为45时，两端看起来很棒。但不幸的是我需要条纹是水平的:)
答案 0 :(得分：9)
差不多一年后，我遇到了chrome v36中的同一个bug。我在这里制作了一个作品：http://codepen.io/davidgailey/pen/ncrKB
或者在这里，如果您愿意： https://gist.github.com/davidgailey/8fc1bd1a09747429a3ad
解决方法使用背景大小，背景位置和线性渐变。
background-size: 100% 150px, 100% 150px;
background-position: 0 0, 0 bottom;
background-image:
linear-gradient(#000,#000),
linear-gradient(green, green);
中提琴！漂亮清脆的横条纹。它可以使用一些工作来更加适合未来。
我希望这个错误很快得到修复，但同时，请随意使用我的笔作为开始。