2012-04-04 52 views
1

我想在extjs中设置我的按钮风格。以下工程适用于除IE以外的所有浏览器。谁能说出为什么会发生这种情况?在extjs4问题中使用IE风格化css按钮

.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; 
} 

回答

2

IE9不支持CSS渐变,但您可以通过使用对SVG定义的渐变的URL引用来实现完全相同的效果。

有几个有限的在线生成器会为您创建等效的SVG代码,但是如果您想为所有可能的CSS线性和径向渐变生成SVG代码,请参阅VisualCSSTools上的小应用程序。

(IE10将支持CSS线性和径向渐变)。

0

我可能是错的,不过IE不支持线性渐变,只是IE9,旧版本将无法正常工作。一个真正的图像在后台应该修复它!

+0

这不是我猜...因为我添加了一个背景图像,它仍然无法在IE9 – Micheal 2012-04-05 14:30:17