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拥有它并专注于人们实际使用的新浏览器。

使用“椭圆”作为IE-9

1 个答案: