在extjs4問題中使用IE風格化css按鈕

Question

我想在extjs中設置我的按鈕風格。以下工程適用於除IE以外的所有瀏覽器。誰能說出爲什麼會發生這種情況？

.x-btn-default-toolbar-small { 
    background-image: -webkit-linear-gradient(top,#DBEEFF,#D0E7FF 48%,#BBD2F0 52%,#BED6F5); 
    background-image: -moz-linear-gradient(top,#DBEEFF,#D0E7FF 48%,#BBD2F0 52%,#BED6F5); 

    border-color: red; 
    background-color: grey; 
    border-color:#81A4D0; 
} 
.x-btn-default-toolbar-small-over { 
    background-image: none; 
    border-color: blue; 
    background-color: transparent; 
} 

Answer 1

IE9不支持CSS漸變，但您可以通過使用對SVG定義的漸變的URL引用來實現完全相同的效果。

有幾個有限的在線生成器會爲您創建等效的SVG代碼，但是如果您想爲所有可能的CSS線性和徑向漸變生成SVG代碼，請參閱VisualCSSTools上的小應用程序。

（IE10將支持CSS線性和徑向漸變）。

Answer 2

我可能是錯的，不過IE不支持線性漸變，只是IE9，舊版本將無法正常工作。一個真正的圖像在後臺應該修復它！