Css 使用像素测量时，渐变端点模糊

我正在使用

background image:linear gradient

css属性为站点背景创建多个色带。
通常，渐变停止点是由百分比定义的，但我需要在我的站点中使用像素，所以我设法使用LeaVerou在她的站点中使用的方法将其更改为像素 问题是每种颜色的结尾都有点模糊。在Firefox中它不那么引人注目，但在Chrome中它非常引人注目。
有办法处理吗？
我注意到，当我将“度”从180度更改为45度时，末端看起来很棒。但不幸的是，我需要横条：）

---

我的代码：

差不多一年后，我在ChromeV36中遇到了同样的错误。我在这里创作了一部作品：

如果您愿意，也可以在这里：

工作环境使用背景大小、背景位置和线性渐变

background-size: 100% 150px, 100% 150px;
background-position: 0 0, 0 bottom;
background-image:
linear-gradient(#000,#000),
linear-gradient(green, green);

中提琴！清晰的水平条纹。它可能需要一些工作来更方便未来

---

我希望这个错误很快被修复，但与此同时，请随意使用我的笔作为开始

真奇怪，当我将-webkit-前缀添加到线性灰色时，它会从水平方向切换到垂直方向，从180度变化到270度，并且是水平方向。或者用“top”而不是“deg”@Rachelbt，你检查过我的解决方案了吗？@Rachelbt尝试在这里复制它这是由于Chrome中的一个bug：谢谢修复！这非常有效，尽管我使用了两个以上的渐变，并且在其中一些渐变之间得到了1px的模糊。虽然不太明显。。。我想我会等待Chrome的修复。Chrome56应该有这个修复。大约一个月后到期。我创建了一个Scss mixin，从动态颜色列表生成背景图像/大小/位置：