Почему фон на сайте не прокручивается?

Как сделать картинку фоном без изменения размера при добавлении блоков? При прокрутке страницы изображение должно оставаться неподвижным. Пример необходимой реализации можно увидеть по ссылке <a href="http://test.letai.in.ua/mob.php" rel="nofollow">test.letai.in.ua/mob.php</a>. Однако, при добавлении блоков изображение растягивается. Как можно исправить эту проблему? Посмотрите пример по ссылке <a href="http://test.letai.in.ua/1.html" rel="nofollow">test.letai.in.ua/1.html</a>. Рекомендуется просматривать на мобильном устройстве для правильного отображения фона.
  • 2 апреля 2024 г. 12:49
Ответы на вопрос 2
1. Причина того, что фон на сайте не прокручивается, может быть связана с настройками CSS. Для того чтобы фон прокручивался вместе со страницей, необходимо использовать свойство background-attachment: fixed; в CSS для заданного элемента.

2. Чтобы сделать картинку фоном без изменения размера при добавлении блоков, можно использовать CSS свойство background-attachment: fixed; для заданного элемента. Это зафиксирует изображение в заданном положении на экране, не допуская его изменения при прокрутке страницы или добавлении блоков.

3. Чтобы исправить проблему растягивания изображения фона при добавлении блоков, можно попробовать задать ему фиксированный размер или использовать фоновые изображения с параметром cover или contain, чтобы сохранить пропорции изображения.

4. Для более точного решения проблемы, рекомендуется изучить и отредактировать CSS стили на странице, убедившись, что заданные параметры для фона соответствуют требованиям по отображению и растягиванию изображений.
background-size:cover; 
растягивает по одной оси что бы заполнить экран
вы еще меньше изображение не могли прикрутить?
используйте медиа запросы
для пк одно изображение (горизонтальное минимум 1920px) для моб другое (вертикальное 768px)
Похожие вопросы