Блог

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

Вот мой css для фонового изображения:

 html {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 
 

И скриншот проблемы:

Попробуйте добавить фоновое изображение к телу, как это:

 html, body {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 

Попробуйте этот код для мобильных устройств, чтобы фоновое изображение показывало четкие изображения со всех сторон, но если ваше изображение большое, то изображение растягивается, поэтому сначала вам нужно создать контейнер div, чтобы поместить ваше изображение в контейнер div.

  html, body {
    background: url(bg.jpg) no-repeat center center fixed;
    background-size: 100% 100%;
}