Максимальная ширина фонового изображения в CSS - PullRequest
Новая
       77

Максимальная ширина фонового изображения в CSS

1 голос
/ 28 марта 2020

Я создаю веб-сайт и использую фоновое изображение в div.

Само фоновое изображение использует "cover" в качестве своего размера. Сам div имеет максимальную ширину, как и его родительский div.

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

Я пробовал использовать ширину 100%, что вызывает ту же проблему. Я попытался ограничить размер img.bg, я попытался изменить размер фона для покрытия и 100% покрытия, но, похоже, ничего не изменилось.

Вот где он сейчас. В браузерах 1920x1080 изображение растянется до 1920, хотя я вижу только 1300 пикселей. 

img.bg {
max-width: 1300px;
}

.parallax {
  background-image: url("images/headerimage2.jpg");
  height: 350px;
  max-width: 1300px;
  min-width: 650px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

HTML, куда он идет, я вызываю просто так: 

<div class="parallax"></div>
...