IEのバグ：ボタンの画像の背景

Question

私は修正できない奇妙なバグを扱っています。

これは既知のバグであり、実際にはWebでいくつかの解決策が見つかりましたが、残念ながら私の場合は動作しません。

ここでは、ボタンが他のブラウザにどのように表示されるかを示すスクリーンショットが表示されます。IEではなく、完全に白く表示されます。

私が使用していCSSルールは次のとおりです。

追加ルールは、私が使用する必要があります

background:url('http://www.legrandclub.net/wp-content/uploads/2011/07/Send-Message.jpg'); 
width:113px; 
height:25px; 
border:0px; 

？

おかげ

Answer 1

bp.cssから来る問題、ライン〜660：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed',GradientType=0); /* IE6-9 */ 

勾配が上に描かれていること他のすべての。残りのボタンはその下に隠れています。

問題が何であるか分かったので、解決できるはずです。 #send_reply_buttonにfilter: noneが必要です。または、filterをオーバーライド/削除する必要があります。

Answer 2

おそらく、あまりにもCSSのボタンを構築...

<a href="send.htm" class="abutton">Send Message</a> 

a.dbutton { 
    font-family: Verdana; font-size: 13pt; font-weight: bold; 
    position: relative; 
    background-color: #e60000; 
    margin-top: 3px; 
    margin-bottom: 3px; 
    margin-left: 21%; 
    margin-right: 21%; 
    text-decoration:none; 
    display:block; 
    padding:8px; 
    border:1px solid #000; 
    text-align:center; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    -o-border-radius:5px; 
    border-radius:5px; 
}