Несколько фонов 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.