这在 Chrome 中有效,但在 Safari 中无效:
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
如何为 Safari 修复它?
这在 Chrome 中有效,但在 Safari 中无效:
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
如何为 Safari 修复它?
它甚至无法在 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/