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

标签 gradient css

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

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

最佳答案

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

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

关于gradient - CSS3 渐变使像素在 border-radius 中不着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12882019/

相关文章:

html - 导航按钮大小在不同浏览器中发生变化

css - 径向渐变 CSS 原点位于顶部,而不是中心

javascript - 自动和手动滑动图像

jquery - knockout js css 多类绑定(bind)

css - 关于css3的特定渐变的问题

python - 如何使一个图像的渐变外观与另一个图像相同?

html - CSS 渐变不起作用

jquery - 关于css 显示和Jquery 隐藏功能的问题

javascript - 如何在没有任何标签的情况下更改其复选框旁边的文本?

css - 如何使用有效的 CSS 定位 IE7 和 IE8?