Браузеры Webkit не полностью отображают фоновое изображение
-
10-07-2019 - |
Вопрос
У меня есть простая веб-страница с центрированным фоновым изображением вокруг основного раздела. Фоновое изображение прекрасно отображается в IE и Firefox, но в браузерах на основе Webkit (Chrome, Safari) фоновое изображение отображается только частично при первоначальной загрузке страницы. Это похоже на то, как будто браузер просто прекращает попытки рендеринга. Если я изменю размер окна браузера или нажимаю на любую из ссылок на странице, фоновое изображение отображается полностью. Вот этот сайт: http://www.jnrtunes.com .
Я пробовал различные CSS-хаки, предварительную загрузку изображений и т. д., и, похоже, ничего не решило проблему. У кого-нибудь были подобные проблемы? Есть ли проблема с моим HTML или CSS? Я настоящий новичок в HTML / CSS, поэтому любые советы будут оценены. Спасибо!
Решение
По какой-то причине это переполнение: auto в #wrapper div делает это. Не спрашивайте меня, почему, но, похоже, ваша проблема.