CSS webkit 径向 + iPad（Safari 移动版）无法工作
我此刻很困惑。我得到了这个渐变
background-image: -webkit-radial-gradient(50% 65%, ellipse cover, #f2f2f4, #201935 55%);
它适用于 Safari，适用于 Safari 将用户代理更改为与
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5
iPad 中完全相同的 webkit 和浏览器
但是当我将其加载到 ipad 上时，它本身不起作用，他们的论坛说 webkit 得到了支持它...有人可以帮助我让它工作吗？
或者，有人可以帮助我使用 webkit-gradient 获得相同的结果（我无法实现调整大小以及径向渐变或椭圆体形式的东西），因为显然两者都支持？
I'm puzzled at the moment. I got this gradient
background-image: -webkit-radial-gradient(50% 65%, ellipse cover, #f2f2f4, #201935 55%);
It works on Safari, works on Safari changing the User Agent to
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5
which is the exact same webkit and browser as the one in the iPad
But when I load it on the ipad itself is not working, their forums say the webkit got support for it... can someone help me make it work?
or, can someone help me obtain the same result with webkit-gradient (I can't achieve something that adjust to resizing as well as the radial-gradient, nor the ellipsoid form), because apparently there is support for both?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您可以使用较旧的 WebKit 语法指定渐变，如下所示：
不幸的是，您无法指定点半径的百分比。
You can specify the gradient using the older WebKit syntax, like this:
Unfortunately you can't specify percent for the point radius.
我认为这是 iOS 当前使用的 webkit 版本的问题。
Desktop Safari 在 5.1 版之前也存在径向渐变问题。
据我了解，将桌面 Safari 的用户代理更改为 5.0，只会更改报告给浏览器的用户代理字符串，而不更改实际使用的渲染引擎。
遗憾的是，在 iOS 模拟器上运行证实径向渐变目前在 iOS 上不可用，而且这在我使用运行 Android 3.2 测试过的平板电脑上也是一个问题。
好消息是，我们即将推出 iOS 和 Android 操作系统更新，因此希望这个问题能够消失。
如果您确实需要从现在到 iOS 5 和 Android 4 的径向渐变，您将不得不求助于背景图像或 SVG。 :
(（如果有人知道解决这个问题的 CSS 技巧，那么我也很想听听。）
I believe that it's an issue with the version of webkit currently used in iOS.
Desktop Safari also had issues with radial gradients up to version 5.1.
Changing the user agent of desktop Safari to 5.0 as I understand it only changes the user agent string reported to browsers not the actual rendering engine used.
Sadly, running against the iOS simulator confirms that radial gradients aren't currently available on iOS and this is also a problem on tablets I've tested using running Android 3.2.
The good news is that we're imminently due OS updates for both iOS and Android so hopefully this problem will just go away.
If you really need radial gradients between now and iOS 5 and Android 4 you'll have to resort to either background images or SVG. :(
(If anyone knows a CSS trick to get round this then I'd really like to hear it too.)
每 https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html#//apple_ref/doc/uid/TP40008032-CH10-SW1
Per https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html#//apple_ref/doc/uid/TP40008032-CH10-SW1