cyril_b
@cyril_b

Фон через свг, как отцентрировать?

Есть сайт, он max-width: 1920px, контент на нём max-width: 1200px.
На этом сайте есть блок, контент у которого 1200px и (!) ему нужно запилить 3 картинки в виде свг(через соответствующий тэг) как бэкграунд (поверх него располагается контент), ширина этого бэкграунда 1920px.
Я сделал следующее для бэкграунда:
<section>
   <div class="content">.......</div>
   <div class="background_imgs">
       <div class="background_imgs-img">
             ////svg
        </div>
       <div class="background_imgs-img">
             ////svg
        </div>
       <div class="background_imgs-img">
             ////svg
        </div>
   </div>

section {position:relative; width: 1920px}
.content {width:1200px}
.background_imgs {position: absolute; width: 1920px}

Вопрос, как можно сделать так, что бы .background_imgs показывал контент, на ширине экрана к примеру 1300, шириной в 1300пкс и при этом его широкие бока заходили за границы страницы, с каждой стороны одинаково? 310px | 1300px | 310px . 1300 видимый контент
  • Вопрос задан
  • 102 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы