仅在IE 7中消失背景图像

Question

我的提交按钮图片有问题，但仅在IE7及以下版本中有问题。我试过了：

• 添加边框颜色
• 添加background-color
• 添加min-height: 22px以触发hasLayout
• 添加display: inline-block;

但没有工作。

这是我的表单：http://www.bitstream.ca/contact.html

HTML：

<button id="submit" type="submit">Submit</button>

CSS：

#submit{
    background: url('imgs/submit.png') no-repeat top;
    cursor: pointer;
    width: 79px;
    height: 22px;
    border: 1px;
    text-indent: -9999px;
}

Answer 1

您正在向内联元素添加width和height。内联元素无法设置width或height，因此如果您将元素设置为display: block;并且它应该可以解决您的问题。