我一直在尝试使用 css3 径向渐变,并想出了一个漂亮的渐变:
background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);
现在,我正在尝试使其跨浏览器。对于旧的 -webkit-gradient('radial') 语法,上述内容的等价物是什么?
UPDATE 简单地说,可以用旧语法画椭圆吗?
我一直在尝试使用 css3 径向渐变,并想出了一个漂亮的渐变:
background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);
现在,我正在尝试使其跨浏览器。对于旧的 -webkit-gradient('radial') 语法,上述内容的等价物是什么?
UPDATE 简单地说,可以用旧语法画椭圆吗?
不幸的是,这是不可能的。您可以应用圆形径向渐变,然后通过 css 转换将其压扁,如下所示:CSS3 Radial Gradients with RGBA()但我不推荐这种方法。
我建议使用 SVG 背景,您可以在 Microsoft 的网站上生成自己的渐变:
http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html
它提供了对所有浏览器的出色覆盖(它们唯一的盲点是 Firefox 3.6)。