Question

所以我有一些代码：

body
{
    /*background:#52895F;*/

    background: -webkit-radial-gradient(circle, #52895F 40%, #CDCDCD);
    background: -o-radial-gradient(circle, #52895F 40%, #CDCDCD);
    background: -moz-radial-gradient(circle, #52895F 40%, #CDCDCD);
    background: radial-gradient(circle, #52895F 40%, #CDCDCD);
}

一切都很好，除了中间颜色（＃52895F）从Google Chrome中心向右侧略微出现。没什么大不了的（通常看不到它），但是当我尝试在中心放置一些徽标/文字时，我可以清楚地看到渐变没有得到很好的应用。在Safari上一切都很好。你对此有什么解决方案吗？

Answer 1

尝试：

body{
    background: radial-gradient(circle at center center, #52895F 40%, #CDCDCD);
}

CSS径向渐变不适用于中心

1 个答案: