Как сделать, что бы картинка была на весь фон и при скроле не двигалась?

Question

[Zhuliamur]

Как сделать, что бы картинка была на весь фон и при скроле не двигалась? вот тут картинка как надо http://test.letai.in.ua/mob.php но когда я добавляю блоки то картинку растягивает. как исправить? http://test.letai.in.ua/1.html

Comments

[Ankhena]

У background-attachment: fixed; есть проблемы.
Можно заменить на псевдо соответствующего размера.

Answer 1

[rootnoroot]

background-size:cover;
растягивает по одной оси что бы заполнить экран
вы еще меньше изображение не могли прикрутить?
используйте медиа запросы
для пк одно изображение (горизонтальное минимум 1920px) для моб другое (вертикальное 768px)

Comments

[Zhuliamur]

body {
background: url(mob.png);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

у меня так и стоит