Css 如何避免使用'；at'；径向梯度？

我想得到下面的结果，但没有使用

at

语法，因为Safari不支持它，我很难使用它。有人知道什么方法吗？提前谢谢你

#内容{
背景色：黑色；
高度：300px；
宽度：500px；
}
#倒圆{
背景：径向梯度（50%0时为110%200%，白色49.9%，rgba（255255,0）50.05%）；
位置：相对位置；
内容：''；
高度：220px；
宽度：100%；
}

---

考虑

背景尺寸

/

背景位置

。将背景的高度增加两倍，将垂直半径除以2，然后将背景放置在底部

#内容{
背景色：黑色；
高度：300px；
宽度：500px；
}
#倒圆{
背景：
径向梯度（110%100%，白色49.9%，透明50.05%）
底部/
100% 200%;
高度：220px；
宽度：100%；
}

我不知道为什么，但仍然不能在Safari上使用Iphone（我在帖子中添加了一张图片）@temani@CalistoQueets你清除缓存了吗？它在桌面Safari上工作正常吗？是的，两者都可以，而且它似乎在iPad上工作，但在iPad上不工作iPhone5s@CalistoQueets可能该版本的iPhone已经很旧了，您还需要前缀版本：