Как сделать повторяющийся фон на половину/треть/и.т.д?

Question

[Sergiu Mitu]

Добрый день уважаемые. Уже не первый раз сталкиваюсь с ситуациями где обычно нужно повторять какой либо фон до половину а на вторую другой. Пример.

Основные моменты как вы понимаете, это то что "здание" выходит за пределы ширины сайта, слева нужно повторять один фон, справа повторять другой фон (желательнее начать его повторение уже по фоном "здании") .

Всем спасибо за уделенное время.

Answer 1

[Андрей Галкин]

фон один (одного цвета), сверху него картинка(темный фон).а дом сверху всего этого чуда.

Comments

[Sergiu Mitu]

это ясно, реализация интересует

[Андрей Галкин]

Сергей: вырезаеш картинку высотой 1 пиксель. через ксс выставляешь. следующее
background: url();
background-position: left;
background-repeat: repeat-x;
background-color; #цвет;
как сделать чтобы обрезался фон (оверфлоу) и не наезжал на маленьких экранах (min-width + overflow) думай в общем все что понаписал возможно неверно сверяй с документацией.

Answer 2

[Павел]

#wrapper:
bg color #xxx;
bg img url ...

вот и вся реализация
картинка дома вырезается отдельно от фона . Фон смотри колорпикером каким нибудь

Answer 3

[Сергей]

используй горизонтальный градинт.