1

这是我自定义的按钮的 CSS。

我正在使用 Twitter Bootstrap v2.0.4 中的按钮样式。悬停在 Firefox 和 Chrome 中完美运行，但不适用于 IE9。Boostrap 中的标准按钮都在 IE9 中正确悬停，但不是我的自定义按钮。

如何让这个按钮在 IE9 中悬停？

.btn-custom, .btn-custom:hover{
    color:#f8f8f8;
    text-shadow: 1px 1px 1px #5B5E82;
}
.btn-custom {
    background-color: #286B95;
    background-image: -moz-linear-gradient(top, #499bce, #276b95);  
    background-image: -ms-linear-gradient(top, #499bce, #276b95);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#499bce), to(#276b95));
    background-image: -webkit-linear-gradient(top, #499bce, #276b95);   
    background-image: -o-linear-gradient(top, #499bce, #276b95);
    background-image: linear-gradient(top, #499bce, #276b95);
    background-repeat:repeat-x;
    border-color: #276b95 #276b95 #235E83;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #276b95;
    filter:
        progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bce', endColorstr='#276b95', GradientType=0)
        progid:DXImageTransform.Microsoft.shadow(color='#0000FF',direction=45,strength=1);      
}
.btn-custom:hover, .btn-custom:active, .btn-custom[disabled] {
    background-color:#276b95;
    *background-color:#1F5678;
}
.btn-custom:active{
    background-color:#1F5373 \9;
}
4

0 回答 0