Браузеры Webkit не полностью отображают фоновое изображение

StackOverflow https://stackoverflow.com/questions/1820537

  •  10-07-2019
  •  | 
  •  

Вопрос

У меня есть простая веб-страница с центрированным фоновым изображением вокруг основного раздела. Фоновое изображение прекрасно отображается в IE и Firefox, но в браузерах на основе Webkit (Chrome, Safari) фоновое изображение отображается только частично при первоначальной загрузке страницы. Это похоже на то, как будто браузер просто прекращает попытки рендеринга. Если я изменю размер окна браузера или нажимаю на любую из ссылок на странице, фоновое изображение отображается полностью. Вот этот сайт: http://www.jnrtunes.com .

Я пробовал различные CSS-хаки, предварительную загрузку изображений и т. д., и, похоже, ничего не решило проблему. У кого-нибудь были подобные проблемы? Есть ли проблема с моим HTML или CSS? Я настоящий новичок в HTML / CSS, поэтому любые советы будут оценены. Спасибо!

Это было полезно?

Решение

По какой-то причине это переполнение: auto в #wrapper div делает это. Не спрашивайте меня, почему, но, похоже, ваша проблема.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top