CSS webkit radial + iPad (Safari Mobile) 不工作

Question

我现在很疑惑。我得到了这个渐变

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 获得相同的结果(我无法实现调整大小以及径向渐变或椭圆体形式的调整)，因为显然两者都支持？

Answer 1

您可以使用旧的 WebKit 语法指定渐变，如下所示:

background-image: -webkit-gradient(radial, 50% 65%, 0, 50% 65%, 200, color-stop(0, #f2f2f4), color-stop(55%, #201935));

很遗憾，您无法指定点半径的百分比。