javascript - 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 中不起作用，所以如果你想在 IE8 中使用 PIE CSS3 作为圆 Angular 边框，这是行不通的。另外，添加:

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

铝