как установить фоновое изображение на то же место при изменении размера страницы - PullRequest
Новая
       7

как установить фоновое изображение на то же место при изменении размера страницы

0 голосов
/ 01 июня 2018

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

  .bg {
  background-image: url("#");
  height: 3065px;
  width: 100%; 
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;}

1 Ответ

0 голосов
/ 01 июня 2018

Попробуйте это (высота и ширина на вашем фоновом изображении): 

bg. {

          /* Location of the image */
  background-image: url(images/background-photo.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;

}
...