为什么 webkit 径向渐变在 Safari 中不起作用？
这在 Chrome 中有效，但在 Safari 中无效：
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
如何在 Safari 中修复它？
This is working in Chrome but not in Safari:
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
How can I fix it for Safari?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
它甚至在 Chrome 中无法正常工作，因为它显示的是圆形渐变，而不是椭圆形渐变。它在 Webkit nightly 中确实可以正常工作。
它在 Safari 中不起作用的原因是该语法尚未传播到 Safari 的稳定版本。最终它会的。你需要学会耐心，我年轻的学徒:)
现在，你可以使用
-webkit-gradient，但始终在其后面包含-webkit-radial-gradient等效项。当我们这样做时，也不要忘记其他前缀（-o-、-moz-、-ms-）It doesn't even work correctly in Chrome, as it shows a circular gradient, not an elliptical one. It does work correctly in Webkit nightlies.
The reason it doesn't work in Safari is that the syntax hasn't propagated yet to a stable version of Safari. Eventually it will. You need to learn patience my young padawan :)
For now, you may use
-webkit-gradient, but always include the-webkit-radial-gradientequivalent after it. And while we're at it, don't forget the other prefixes too (-o-,-moz-,-ms-)尝试使用 Safari：
示例和更多说明可以在这里找到：http: //www.the-art-of-web.com/css/radial-gradients/
Try using for Safari:
Examples and more explanation can be found here: http://www.the-art-of-web.com/css/radial-gradients/