使用「橢圓形」漸變爲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擁有並專注於人們實際使用的新型瀏覽器。