gradient - CSS3 渐变使像素在 border-radius 中不着色

Question

稍作修改后，我遇到了一个小的视觉障碍。出于某种原因，我的 css 渐变在边界半径周围没有正确着色，您可以通过查看 @ My Fiddle Here 看到。

如果您只注释掉 css 的渐变部分，所有像素都会按应有的方式着色。任何人都知道对此的快速修复，或者能够发现我做错了什么？

Answer 1

我想通了。我必须在每个渐变语句之后简单地添加基本背景颜色:

background: background: linear-gradient(to bottom,  #900000 0%,#880000 40%,#790000 60%,#710000 100%), #710000;