4

这在 Chrome 中有效,但在 Safari 中无效:

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

如何为 Safari 修复它?

4

2 回答 2

4

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

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

现在,您可以使用-webkit-gradient,但始终在-webkit-radial-gradient其后包含等效项。当我们在做的时候,不要忘记其他前缀(-o-, -moz-, -ms-

于 2011-04-30T09:57:40.953 回答
2

尝试使用 Safari:

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

示例和更多解释可以在这里找到:http ://www.the-art-of-web.com/css/radial-gradients/

于 2011-04-30T09:45:17.333 回答