Как исправить фоновое изображение всегда в том же положении

Question

Знаете ли вы, как я могу исправить свое фоновое изображение всегда в одном положении?

Мой сайт www.ivr.immo и я получил большое фоновое изображение. Я хочу, чтобы фоновое изображение было так исправлено, что крыша дома всегда находится под левым меню. Я имею в виду, даже если окно будет изменено, крыша дома всегда должна находиться под меню. Я попробовал, но я не могу этого сделать, есть много вариантов, которые у вас есть для фона. Я думаю, что изображение должно быть больше экрана, а затем вы можете поместить изображение без повторения изображения. Надеюсь, кто-то может помочь мне с кодом css. Фоновое изображение находится в теге тела веб-сайта.

Мой CSS код (его не так много):

body { 
    background: url("../assets/bg5.jpg") center fixed; 
    background-size: cover; 
} 

polest

Answer 1

Вы смешивая две вещи вместе: увеличение (изображения) и центрирования (HTML элементы).

У меня есть два решения в виде:

1. Установите меню на месте с процентом слева, для например: слева: 12%;. но имейте в виду, что это изменит ваш макет.

2. Использование:

   background: url("../assets/bg5.jpg") center; 
   /*background-size: cover; */ /* delete this line in your code */ 
   

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