Как растянут фон по бокам блока?

Question

[Сергей Ивонов]

Здравствуйте. Есть блоки по бокам надо дублировать фон.
Подскажите как такое сделать? По середине будить другой фон и по бокам чтобы пошла другой фон.
спасибо

Answer 1

[Никита Кит]

Ну как сказать, изображением делать фон - не самый оптимальный вариант. лучше всего сделать , в абсолюте, внутри него ещё один блок .bg-line-header с нужным bg-color, ставим в абсолют и привязываем к bottom блока outer-header. Их растягиваем на 100% и нулевой z-index, или, поскольку они, как я понимаю, дети body, width на inherit, потом обоих закрываем и дальше делаем .inner-header (также по дому принадлежащий body), задаём ему жёсткий width, скажем, как я люблю, в 1170px, и центрируем по margin 0 auto. даём relative и z-index-ом кидаем поверх абсолютов. Конечно, запарнее, чем изображения повесить, зато парсер тебе улыбнётся))))
ЗЫ сам не пробовал, но, по идее, должно сработать.

Comments

[Сергей Ивонов]

Что то вас не понял))) А можете это дела в коде показать?

[Никита Кит]

Сергей Ивонов: codepen.io/anon/pen/QNRZPe
Ты ведь, что-то вроде этого хотел?)

[Сергей Ивонов]

Да. Точно) спасибо большое.

Answer 2

[IceJOKER]

div.block
  div.inner_block

.block{
  /*тут изображение для боков, сплошное изображение (repeat-x)*/
}

.block_inner{
  /*тут основное изображение*/
}