Internet Explorer 7 和 8 上的 xhtml 代码的 css 问题

Question

我在 IE7 和 IE8 中的 css 有问题

我在我的输入框里使用了下面的代码，但是没有显示背景图片在 Internet Explorer 7 和 8 上。图像在所有其他浏览器上显示。

.search input[type="submit"] {
    background: url(../images/search_button.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    float: right;
    height: 31px;
    margin-left: 10px;
    margin-top: 6px;
    width: 40px;
}

Answer 1

属性的一个未知/错误值会使整个属性无效。

IE 7 和 8 不识别 rgba 所以整个 background 没有应用。

要解决该问题，您可以将 rgba 拆分为 background-color:

.search input[type="submit"] {
    background: url(../images/search_button.png) no-repeat scroll 0 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    float: right;
    height: 31px;
    margin-left: 10px;
    margin-top: 6px;
    width: 40px;
}