Как в LandingPage сделать background на всю ширину экрана при фиксированной верстке?

Question

[Кирилл Кривицкий]

Здравствуйте, вопрос как в LandingPage сделать background на всю ширину экрана при фиксированной верстке. Поясню, у меня фиксированный размер экрана 960px по центру, но в дизайне предполагается, чтобы картинки заднего фона, поочередно были на всю ширину экрана. Как это можно реализовать?

Answer 1

[monochromer]

<div class="bg">
    <div class="container"></div>
</div>

.bg - здесь ваше изображение, растянутое на всю ширину
.container - здесь контент, заключенный в ширину 960px

.bg {
  background: ....
}

.container {
  width: 960px;
  margin: 0 auto;
}

Comments

[Кирилл Кривицкий]

Тогда получится каждый блок с новой картинкой придется заключать в отдельные блоки. Но это хороший вариант, как выход из ситуации. Спасибо!

Answer 2

[Никита Наумов]

.bg можно задать
background-size: cover;

если надо, чтобы фон всегда был "на месте", то используйте

background: url(путь_к_изображению) center fixed;