Возможная ошибка фона IE7? - PullRequest
       18

Возможная ошибка фона IE7?

2 голосов
/ 13 сентября 2010

Я сталкиваюсь с чем-то, с чем я никогда раньше не сталкивался в IE7.У меня есть div оболочки с фоновым изображением, примененным к нему.Предполагается, что это изображение будет повторяться до конца обёртки div.В IE7, похоже, возникает проблема с прокруткой, когда, если я использую полосу прокрутки, чтобы увидеть части страницы, которые изначально не видны, фоновое изображение будет «обрезано» и не будет повторяться в последние 100 пикселей или около того.Это происходит только в том случае, если мне нужно прокрутить, чтобы увидеть больше контента.Как будто он не полностью загружает фоновое изображение для областей, которые не видны сразу.

Что странно, если я использую колесо мыши для прокрутки вверх и вниз по странице, фоновое изображение повторяется очень хорошои как следует.Однако, если я использую полосу прокрутки, она будет случайным образом ломаться (не более 100 пикселей, а иногда только последние 20 пикселей, 30, 40 и т. Д.).

Я пробовал выполнить следующие действия для устранения неполадок:1) Добавлен цвет фона в div.Цвет фона также нарушается, поэтому проблема не только в повторении фонового изображения.2) Добавлена ​​минимальная высота 1% в div обертки.3) Добавлена ​​позиция: относительно div.Я где-то читал, что это исправляет странную фоновую ошибку IE7.Это не помогло.

Спасибо за любую помощь.Я не уверен, есть ли где-то в моем коде какой-то сбой, который является причиной этого (который я продолжу изучать), или это какая-то хорошо известная проблема IE7.Опять же, я просто нахожу странным, что с помощью колеса прокрутки на мышке можно сделать фон таким, каким он должен быть.Нажатие, удержание и использование полосы прокрутки приводит к ее поломке.

РЕДАКТИРОВАТЬ: Вот ссылка на скриншот ужасающей проблемы в действии.http://skitch.com/flight/dspeh/ie7bgerror Верхняя часть с ошибкой.Нижний экран показывает, как он должен загружаться.

Еще одна дополнительная вещь, которую я заметил: если я минимизирую окно, пока оно имеет размытый фон, а затем снова максимизирую его, фоновое изображение исправляется.

1 Ответ

2 голосов
/ 17 февраля 2011

Я предполагаю, что 3 поля внизу являются плавающими.Попробуйте это:

#backgroundDiv { overflow:hidden; min-height:100%; height:auto!IMPORTANT; height:100%; }

IE6 / 7 иногда ошибка с минимальной высотой.Этот фрагмент кода приведет к тому, что IE6 / 7 по умолчанию установится на 100% ... IE иногда предпочитает использовать последнее объявление вместо того, чтобы следовать вызову! Important;тогда как любой другой браузер будет использовать! важный вызов при отображении страницы.

...