使用IE浏览器在extjs4问题中设置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线性和径向渐变）。