CSS渐变背景上的丑陋线条

我想为一个div的背景创建一个css渐变

HTML

这给了我想要达到的实际梯度，但它有一些丑陋的线条

其他渐变也会发生这种情况。 e、 g

---

这一问题被称为“带状效应”，它因班长而异。这对我来说并不坏，但是我也认为这是因为你的颜色范围对于你想要填充的区域的尺寸来说很小。尝试增加颜色范围，并使用方框的尺寸来查看结果。

所有的东西都太暗了，我只能从链接中看到背景和黑匣子。我建议将您的示例放在jsfiddle.net上。上面示例的背景太暗，让人分心。@Dan好吧，这是在jsfiddle上。回答得好，谢谢唯一的问题是，我不能真正改变太多的尺寸和颜色范围，所以我必须找到另一个解决方案。

<section id="library">
    <div id="listHeader"></div>
</section>

#library {
width: 600px;
margin: 0 auto;
}

#listHeader {
height: 40px;
background: -webkit-gradient(linear, left top, left bottom, from(#1A1B1B), to(#191919));
border-top: 1px solid rgba(51, 51, 51, 0.6);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1D1D1D), to(#181818));