【发布时间】：2011-08-15 23:59:59
【问题描述】：
这在 Chrome 中有效，但在 Safari 中无效：
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
如何为 Safari 修复它？
【问题讨论】：
-
您使用的是什么版本的 Safari？
标签： safari css radial-gradients
【发布时间】：2011-08-15 23:59:59
【问题描述】：
它甚至无法在 Chrome 中正常工作，因为它显示的是圆形渐变，而不是椭圆渐变。它确实在 Webkit nightlies 中正常工作。
它在 Safari 中不起作用的原因是语法尚未传播到 Safari 的稳定版本。最终会的。你需要学会耐心，我年轻的学徒:)
目前，您可以使用 -webkit-gradient，但始终在其后面加上等效的 -webkit-radial-gradient。在我们使用它的同时，也不要忘记其他前缀 (-o-,-moz-,-ms-)
【讨论】：
尝试用于 Safari：
background: -webkit-gradient( radial, <point>, <radius>, <point>, <radius>[, <stop>]* ) <color>;
示例和更多解释可以在这里找到：http://www.the-art-of-web.com/css/radial-gradients/
【讨论】：
-
不确定如何创建完全相同的渐变。您能否将我的版本转换为具有精确值的精确版本？
-
有许多渐变（即适应其盒子大小的渐变）可以使用新语法完成，而使用旧语法无法完成，即。旧语法中没有“覆盖”的确切类比。