可用於IE9的CSS3漸變替代方案

我正在研究應用哪個平臺針對現代瀏覽器，但特殊情況下它需要在不支持CSS3漸變的IE9上運行。任何人都可以請建議任何替代（SVG除外）會大大受益。可用於IE9的CSS3漸變替代方案

.GRAD_LINEAR(@start:#EEA611; @end:#E3EE11) { 
    background: @start; 
    background-image:-webkit-gradient(linear, left top, left bottom, from(@start), to(@end)); 
    background-image:-webkit-linear-gradient(top, @start, @end); 
    background-image:-moz-linear-gradient(top, @start, @end); 
    background-image:-o-linear-gradient(top, @start, @end); 
    background-image:linear-gradient(to bottom, @start, @end); 
    //Your suggestion... 
}

來源

2013-12-19 KunJ

使用圖像... –

有幾種方法可以做到這一點。

嘗試ColorZilla Gradient Editor。由於微軟提供其自己的過濾器，像

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 */

會替你安排。
使用的HTC文件，像CSS3 PIE它增加了必要的功能，以舊版本的IE來模擬現代CSS3功能。它有自己的優點和缺點，但值得一試。
下一步，最不推薦的做法是使用圖像。但是，你會增加你的應用程序所做的HTTP請求數量。此外，如果圖片加載失敗，您的元素可能看起來很醜。

來源

2013-12-19 06:23:37

Thanks Praveen！第一個選項：不能使用，因爲它刪除邊框半徑，第三個選項：當需要徑向漸變時失敗，第二個選項：很好，可能有工作的可能:) – KunJ

我希望微軟在我們所有人面前理解它！ –

可以使梯度IE9工作檢查這一點 - Colorzilla

來源

2013-12-19 06:14:36 Nishant

可用於IE9的CSS3漸變替代方案

回答

相關問題