使用“椭圆形”渐变为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版本甚至更旧的版本都以这种或那种方式支持这个功能。

你唯一真正的光芒就是最近IE9的使用率下降了;几乎没有人仍在使用它。所以我的建议是，你可以逃避使用简单背景色的回退解决方案;让IE9拥有并专注于人们实际使用的新型浏览器。