CSS渐变中出现了轻微的实线？渐变不平滑

Question

我有一个页面，其中正文设置为背景颜色。我有一个固定位置页脚，位于一些文本上方，滚动在它后面。

我使用了css3渐变来尝试创建一种淡入淡出效果，但似乎在渐变的某处出现了更亮的线条。任何提示删除此行将不胜感激。理想情况下，我希望避免使用图像，因为颜色会在各个页面上动态变化，因此不必为每种颜色创建新的背景图像会很好。

我创建了一个jsbin来演示：

http://jsbin.com/okedut

我还拍了一张截图并增加了Photoshop中的对比度/尺寸，这证实了出于某种原因确实出现了一条线：

Answer 1

当您使用rgba值时，它似乎是一个浏览器错误。

您想要获得的效果可以使用CSS蒙版完成。

http://www.webkit.org/blog/181/css-masks/

对于FF，您可以使用SVG解决方案：

https://developer.mozilla.org/en/applying_svg_effects_to_html_content