IE8 - 按钮背景图片不显示？

Question

我有一个具有以下 CSS 的提交按钮：

  .button{
    border:1px solid #015691;
    background-image:url('http://boundsblazer.com/pkg/pics/
         buttons/small-button.png');
    color:#ffffff;
    height:18px;
    font-size:8pt;
    font-family:sans-serif, verdana;
    cursor:pointer;
    line-height:14px;
    margin-bottom:-5px;
    border-bottom-color:#222222;

    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    behavior: url("http://boundsblazer.com/pkg/plugins/PIE.htc");
  }

还有我的 JQuery...

$(".button").mousedown(function(){
    $(this).css('border-bottom-width', '0px');
    $(this).css('background-image', 'url(\'http://boundsblazer.com/pkg/pics/buttons/small-button-pressed.png\')');

    $(this).mouseout(function(){
          $(this).css('border-bottom-width', '1px');
          $(this).css('background-image', 'url(\'http://boundsblazer.com/pkg/pics/buttons/small-button.png\')');
    });
    $(this).mouseup(function(){
          $(this).css('border-bottom-width', '1px');
          $(this).css('background-image', 'url(\'http://boundsblazer.com/pkg/pics/buttons/small-button.png\')');
    });
});

奇怪的是，这在 IE7 或 IE9 中没有问题，只有 IE8。发生的情况是按钮的图像没有显示。它适用于 Safari、Chrome、Firefox、Opera、IE7 和 IE9，但不适用于 IE8。如果你想看到它，它的http://boundsblazer.com。请帮忙！

顺便说一句，“边框解决方案”不起作用，正如您所见，我在 CSS 中声明了边框。

问题已解决：

behavior 标签在 IE8 中不起作用，因此如果您希望 PIE CSS3 用于 IE8 中的圆角边框，那就不行了。另外，添加：

background:transparent url()

并摆脱：

background-image:url()

工作。

Answer 1

简单，改变：

background-image:url('http://boundsblazer.com/pkg/pics/buttons/small-button.png');

到：

background:transparent url('http://boundsblazer.com/pkg/pics/buttons/small-button.png');

您还需要更改 jquery。

Load this in IE8

阿尔