Умный белый фон

Nekit

New Member
Регистрация
02.11.2019
Сообщения
1
Ребят вот на этом сайте есть основной фон это картинка которая не двигается и так же добавочный фон, который адаптируется под твой текст и фотографии. Помогите такой же сделать. http://svoi-perepela.ru/
 

Volly

Well-Known Member
Регистрация
21.03.2012
Сообщения
831
Попробуйте для картинки фона задать примерно такие правила:
CSS:
body {
    background: url('background.jpg') center no-repeat fixed;
    background-size: auto auto;
    background-size: cover;
}
url - правильный путь к картинке;
center - центр картинки в центр окна;
no-repeat - не повторять картинку, если окно больше картинки;
fixed - не перемещать картинку при прокручивании страницы;
auto auto - изменять размеры картинки на усмотрение браузера;
cover - изменять размеры картинки так, чтобы заполнилось всё окно браузера, но не изменяя её пропорций.

В примере "no-repeat" и "auto auto" заданы на случай, если браузер не совсем правильный.
Можно ещё экспериментировать правилами стилей с медиазапросами @MEDIA screen
 
Верх Низ