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

嗯,我觉得我迟到了,但是有一些方法可以在IE8中使用CSS2.1的多重背景:

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