css - 在 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 线性和径向渐变)。