Css3 webkit gradien旧语法

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）。