Как сделать страницу с тремя фонами по центру?

0

Я хотел бы создать веб-страницу, которая выглядит примерно так: http://i62.tinypic.com/2rm8inm.png

Я хочу иметь фоны в трех слоях:

  1. Фон с повторением-x (красный)
  2. Фон с повторением-y, центрированный и растягивающий всю высоту, фиксированную ширину (синий)
  3. Фон, который не повторяется, фиксированная высота и ширина (зеленый)

Я пробовал много разных подходов, но они либо неправильно масштабируются, либо не заполняют всю высоту. Каков наилучший способ достичь этого?

Благодарю!

  • 0
    добавьте вашу попытку / код в скрипку.
Теги:
layout

1 ответ

0

Это может быть возможным подходом к проблеме:

<div class="xrepeat">
     <div class="staticbg">
     </div>
</div>

А затем дайте телу фон. Конечно, я выбрал случайные фоны, где ширина и высота перепутаны, но вы должны понять:

Результат:

http://jsfiddle.net/YTnv8/1/embedded/result/

Код: http://jsfiddle.net/YTnv8/1/

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню