Почему мое фоновое изображение не отображается должным образом в IE7?

Question

Снимок экрана: здесь

Веб-страница в вопросе: http://cure.org

Браузер-нарушитель: Internet Explorer 7

Обратите вниманиена скриншоте или если вы просматриваете этот сайт в IE7, фоновое изображение не отображается для содержимого div (# modal-inner-content).Как ни странно, изображение отображается в других элементах div, где оно используется (поскольку это спрайт, я использую это же изображение для # modal-top-border и # modal-btm-border).

Во всехв других браузерах он отображается корректно и даже в IE8.Кажется, я не могу найти, какое правило CSS (или его отсутствие) я использую, потому что IE7 задыхается.

ПРИМЕЧАНИЕ: чтобы получить модальный экран, просто нажмите на ссылку в самом верхубаннер на странице с надписью "войти в свою учетную запись CURE

Answer 1

У меня была такая же проблема в IE 7 с прозрачным PNG, действующим в качестве фона внутри <div>.Положение фона в (0 | 0) исправило это для меня:

background: url("images/bg-header.png") no-repeat 0 0;

Answer 2

У меня была такая же проблема, кнопки с графическим фоном не отображаются в IE7.

Похоже, что IE7 имеет проблемы с такими HTML-элементами с границами, так как установка border-width:0 решила эту проблему для меня.

Answer 3

Я только что вспомнил, что в IE7 есть проблема со смешанными единицами в свойстве фона. так что верх -636px должен быть -636px 0

Answer 4

Я согласен с FutureKode.Фон на # modal-inner-content не отображается, потому что IE не думает, что элемент hasLayout, что иногда вызывает проблемы с другими объявлениями стиля.Чтобы вызвать hasLayout, проще всего увидеть стиль div с width: 576px (что Firebug говорит мне о ширине этого div).Я предполагаю, что ширина этого поля никогда не меняется?

Подробнее о hasLayout и что его вызывает: http://www.satzansatz.de/cssd/onhavinglayout.html

Answer 5

Используете ли вы какое-либо исправление для изображений IE и png?

Если я правильно помню, большинство плагинов / методов для включения прозрачности фоновых изображений с помощью свойства filter css в IE сделали фон неповторяемый ..

Это может быть ..

Answer 6

Используйте четкое правило:

clear:both;

Answer 7

Мне нужно установить ie7. Моей первой попыткой было бы добавить ширину к # modal-inner-content

Answer 8

Не уверен, почему изображение не отображается в IE7, но это может быть хорошим промежуточным исправлением.это должно добавить белый фон, если изображение не появляется.

Попробуйте изменить # modal-inner-content с:

background: url(http://cure.org/img/modal-bg-xy.png?jcb=1284407379) repeat-y -636px 0%;

на:

background: url(http://cure.org/img/modal-bg-xy.png?jcb=1284407379) #fff repeat-y -636px 0%;

--- Редактировать - не использовать вышеуказанный ответ ---

Попробуйте заключить URL в кавычки:

background: url("http://cure.org/img/modal-bg-xy.png?jcb=1284407379") repeat-y -636px 0%;