IE bug：按钮图像背景

Question

我正在处理一个我无法解决的奇怪错误。

这是一个已知的错误，事实上我在网上找到了几个解决方案，但不幸的是它们在我的情况下不起作用！

这是一个屏幕截图，显示按钮在其他浏览器上的显示方式，而不是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 */

该渐变是在其他一切之上绘制的。按钮的其余部分隐藏在它下面。

既然您知道问题所在，那么您应该能够解决它。您需要filter: none上的#send_reply_button，否则您需要覆盖/删除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;
}