Увеличенный плагин jQuery: изображение preloader .gif не отображается в Internet Explorer 7

Question

Кто-нибудь сталкивался с такой проблемой раньше?Что было бы хорошим решением?

Я использую плагин Supersized jQuery для загрузки полноэкранного фонового изображения.Supersized использует изображение .gif в качестве основного предварительного загрузчика.Это изображение отображается очень хорошо во всех браузерах, кроме IE, где оно невидимо.

Как мне исправить это?

---

ОБНОВЛЕНИЕ

Вот как выглядит CSS для этого div:

#supersized-loader {
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px;
    text-indent:-999em;
    background-color:#111;
    background:rgba(0, 0, 0, 0.8) url(../images/progress.gif) no-repeat center center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

По какой-то причине он отображает цвет фона поверх изображения.Когда я удаляю их: background-color:#111; background:rgba(0,0,0,0.8) Я вижу изображение.Как я могу изменить его, чтобы он работал в IE?

Буду признателен за ваш совет!

Answer 1

Этот ответ является результатом моего обсуждения с PENDO (см. Комментарии).По-видимому, IE7 отображает анимированное изображение .gif ниже цвета фона в том же самом div.Кроме того, jQuery, похоже, не позволяет добавлять вложенные div, и в результате я не мог поместить изображение gif загрузчика в фоновый div в суперразмерном плагине.Реальным решением было полностью удалить фон в CSS и заменить относительно уродливый по умолчанию .gif суперразмерного плагина на более приятный на вид, который не нуждается в каком-либо фоне.