CSS径向渐变不从中心应用

CSS径向渐变不从中心应用,css,google-chrome,Css,Google Chrome,所以我有一些代码: 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);

所以我有一些代码:

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)在谷歌Chrome上从中间偏右一点。没什么大不了的(正常情况下看不到),但当我尝试在中心放置一些徽标/文本时,我可以清楚地看到渐变没有被很好地应用。在狩猎旅行中,一切都很好。您对此有什么解决方案吗?

试试:

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

看看这篇文章,它解决了同样的问题;Rgds,实际上不是同一个问题。他们说梯度的“平滑度”,但我的问题是梯度不是从身体中心开始的。你可以试试他们的解决方案,看看是否存在同样的问题。若是这样,那个么问题很可能是一个长期存在的问题。否则,尝试利用他们的解决方案。Rgds