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

Multiple Backgrounds是CSS3规范。 IE8不理解CSS3，和IE9因为这个问题并不理解。要使它在旧版浏览器中工作，您必须将图像合并为一个，或叠加多个元素以使它们全部显示在彼此之上。 z-index:是你的朋友： - ）

Answer 2

嗯，我觉得我迟到了，但是有很多方法可以在CSS8中使用CSS2.1的多重背景：

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

Answer 3

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