我正在使用background-image：linear-gradient css属性为站点背景创建多个颜色条.
通常,渐变停止是按百分比定义的,但是我需要我的站点中的像素,所以我设法使用她在 patterns中使用的lea Veru的方法将其更改为像素
问题是每种颜色的结尾有点模糊.在Firefox中并不那么引人注目,但在Chrome中却非常明显.
有办法处理吗？
我注意到,当我将’deg’从180改为45时,结局看起来很棒.但不幸的是,我需要条纹是水平的:)
通常,渐变停止是按百分比定义的,但是我需要我的站点中的像素,所以我设法使用她在 patterns中使用的lea Veru的方法将其更改为像素
问题是每种颜色的结尾有点模糊.在Firefox中并不那么引人注目,但在Chrome中却非常明显.
有办法处理吗？
我注意到,当我将’deg’从180改为45时,结局看起来很棒.但不幸的是,我需要条纹是水平的:)
解决方法
几乎一年后,我遇到了与铬v36相同的错误.我在这里做了一个工作：
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);
中提琴！漂亮的水平条纹.它可以使用一些工作来更加友好.
我希望这个bug很快就能修复,但同时也可以随意使用我的笔作为开始.
