css3 webkit 渐变旧语法

Question

我一直在尝试使用 css3 径向渐变，并想出了一个漂亮的渐变：

background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);

现在，我正在尝试使其跨浏览器。对于旧的 -webkit-gradient('radial') 语法，上述内容的等价物是什么？

更新 简单来说，用旧语法可以画椭圆吗？

Answer 1

很遗憾，这是不可能的。您可以应用圆形径向渐变，然后通过 css 转换将其压扁，如下所示：CSS3 Radial Gradients with RGBA() 但我不推荐这种方法。

我建议使用 SVG 背景，您可以在 Microsoft 的网站上生成自己的渐变：

http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

它提供了对所有浏览器的出色覆盖（它们唯一的盲点是 Firefox 3.6）。