Question

这适用于Chrome，但不适用于Safari：

background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);

如何为Safari修复它？

Answer 1

它在Chrome中甚至无法正常工作，因为它显示的是圆形渐变，而不是椭圆形渐变。它在Webkit nightlies中可以正常工作。

它在Safari中不起作用的原因是语法尚未传播到稳定版本的Safari。最终它会。你需要学习耐心，我年轻的padawan：）

目前，您可以使用-webkit-gradient，但始终包含-webkit-radial-gradient等效值。虽然我们在这里，但也不要忘记其他前缀（-o-，-moz-，-ms-）

Answer 2

尝试使用Safari：

background: -webkit-gradient( radial, <point>, <radius>, <point>, <radius>[, <stop>]* ) <color>;