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的旧ie风格的支持，即您在链接到的另一个问题中指出的那些风格。

其意图是，IE9应该是适当的标准兼容，而那些过滤器风格是不标准的，所以他们被删除。同时，这些样式提供的所有功能都被基于标准的CSS功能所取代。

不幸的是，正如您所发现的，并不是所有的功能都被IE9中的标准CSS所取代。特别是，CSS渐变是一个明显的遗漏，并导致了许多代码是使用笨拙的工作环境编写的。

底线是，IE9在这个领域有一个特别的盲点，更新的IE版本，甚至旧的版本，都以某种方式支持这一特性。

你唯一真正的光是最近IE9的使用量下降了，几乎没有人还在使用它。因此，我的建议是，您可能可以通过使用简单的背景色来解决问题；让IE9拥有它，并集中精力使用人们实际使用的新浏览器。