Как задать background?

Question

[Алексей Тутубалин]

Как задать background что бы он был по бокам и на мониторах 16*9 и 4*3 ссыль background это парень с девушкой

Answer 1

[westdp]

Можно и так но нужна картинка хорошего качества или как предложил Дмитрий Кравченко :
body{
background-size: cover;
}

Comments

[Алексей Тутубалин]

westdp а почему тут xn-----6kcabbcghghe3ke3adl3q.xn--p1ai/reg плывёт фон?

[Родион Мун]

Алексей Тутубалин: Не стал разбираться в причине, но я думаю по задумке там должно быть еще и свойство у body
background-attachment: fixed;

[Алексей Тутубалин]

GONGOTA спасибо огромное

[Родион Мун]

Алексей Тутубалин: Еще я бы вам посоветовал бэкграунд из .containerr переместить внутрь элемента, вместе со всеми стилями, которые к нему относятся. Так как свойство overflow:hidden затирает выпадающее меню на некоторых страницах

[Алексей Тутубалин]

Родион Мун а как сделать что бы фон во высоте весь встал а то он обрезается

Answer 2

[Дмитрий Кравченко]

Первое, что приходит в голову - псевдоэлементы before и after для центральной контентной части. Позиционируем абсолютно - слева и справа от колонки.

Answer 3

[Дмитрий Кузнецов]

Перешёл по ссылке - зашёл в исходник - нашёл файл стилей - посмотрел backgroud: у них 1 картинка, просто сделано всё по разрешению сайта. А так, как идея, выше Дмитрий Кравченко, написал интересный метод. Пробуйте!)

Comments

[Алексей Тутубалин]

Дмитрий Кузнецов а как сделать что бы фон во высоте весь встал а то он обрезается?

[Дмитрий Кузнецов]

westdp писал уже, попробуйте использовать cover. Точно не знаю, будет ли работать или нет, но как мне кажется, стоит попробовать.

[Алексей Тутубалин]

Дмитрий Кузнецов: работать работает но низ фона обрезается

[Алексей Тутубалин]

Дмитрий Кузнецов: и на мобильниках фон уходит за центральный блок

[Дмитрий Кузнецов]

Алексей Тутубалин: Он и будет обрезаться, так как экран и картинка по размеру разные. А для мобильной версии советую делать отдельную, обрезанную картинку.