Блог

Главная - Вопросы по программированию - Прокрутка фонового изображения тоже при прокрутке веб-сайта

Прокрутка фонового изображения тоже при прокрутке веб-сайта

#html #css #background

#HTML #css #фон

Вопрос:

У меня есть одна страница с одним фоном, которую я хочу перемещать при прокрутке веб-сайта, чтобы у веб-сайта всегда был один фон. Но проблема в том, что у меня возникают проблемы с применением этого. Я перепробовал все, что видел в учебниках, и ничего.

HTML:

 <body>

<div class="container-fluid vh-100">
</div>

</body>

css:

 body{
  background: url("src/assets/Images/addPlayer/background1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

но веб-сайт в представлении телефона остается таким:

введите описание изображения здесь

Ответ №1:

Удалите «фиксированное» значение из свойства css «background».

Ответ №2:

Не уверен, чего вы хотите достичь.

 body {
 background-image: url(..);
 background-size: cover;
 min-height: 100vh; => make sure the body will cover the window
 background-attachment: fixed; => the image will stay fixed in the window and the content of your page will "move over it"
 background-attachment: scroll; => the image will fill the entire body according to its content
}