CSS 多背景不适用于 IE8

Question

我定义了以下 CSS 类：

.box .login {
    border: 0;
    float: right;
    clear: both;
    height: 48px;
    background: url(../images/submitr.gif) no-repeat right;
    line-height: 20px;
    padding: 12px 42px 16px 23px;
    margin: 8px 22px;
    color: #FFF;
    font-weight: bold;
}

多背景在 Chrome、Firefox、Opera、Safari 和 IE9 上完美运行。但是，他们不在 IE8 上工作。有谁知道这是为什么？

（如果我只有一个背景，它确实适用于 IE8。当我开始介绍其他背景时，它开始翻转。）

感谢您的帮助！我真的很感激:)

Answer 1

多重背景是 CSS3 规范。 IE8 不理解 CSS3，而 IE9 也不能全部理解。要让它在旧版浏览器中工作，您必须将图像组合成一个，或叠加多个元素以使它们全部显示在另一个之上。 z-index: 是你的朋友 :-)

Answer 2

好吧，我想我有点晚了，但是有一些方法可以让 CSS2.1 拥有多种背景，这些方法在 IE8 中工作：

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

Answer 3

Internet Explorer 8 不支持 CSS 3 多背景。