使用 "ellipse" 作为 IE-9 的渐变

Question

我创建了径向渐变

background: radial-gradient(ellipse at center, #595959 0%, #000000 40%);

据我所知，这应该可以帮助我实现跨浏览器

background: -webkit-radial-gradient(ellipse at center, #595959 0%, #000000 40%); 
background: -moz-radial-gradient(ellipse at center, #595959 0%, #000000 40%); 
background: -ms-radial-gradient(ellipse at center, #595959 0%, #000000 40%); 
background: -o-radial-gradient(ellipse at center, #595959 0%, #000000 40%); 
background: radial-gradient(ellipse at center, #595959 0%, #000000 40%);

但是这不支持 IE-9，经过一些搜索，我发现了这个： Create a radial gradient for Internet Explorer 6/7/8 但这似乎不再起作用了。而且，我很好奇如何让我的渐变在 IE-9 中工作。谢谢

Answer 1

我想我有个坏消息要告诉你。

IE9 放弃了对旧的 IE 特定 filter 样式的支持——即您在链接到的其他问题中指出的样式。

目的是 IE9 应该完全符合标准，而那些过滤器样式是非标准的，因此被删除了。同时，想法是这些样式提供的所有功能都被基于标准的 CSS 功能所取代。

不幸的是，正如您所发现的，并非所有功能在 IE9 中都被标准 CSS 取代。特别是，CSS 梯度是一个明显的遗漏，并导致使用笨拙的变通方法编写大量代码。

归根结底，IE9 在这方面有一个特别的盲点，较新的 IE 版本甚至较旧的 IE 版本都以某种方式支持此功能。

你唯一真正的曙光是最近 IE9 的使用率下降了。几乎没有人还在使用它。所以我的建议是，您可以使用仅使用普通背景色的后备解决方案；让 IE9 拥有它并专注于人们实际使用的较新的浏览器。

使用 "ellipse" 作为 IE-9 的渐变

Using "ellipse" as gradient for IE-9

css

internet-explorer

gradient

cross-browser

internet-explorer-9