1

これが私がカスタマイズしたボタンのCSSです。

TwitterBootstrapv2.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