Полноразмерные divs за основным содержимым/оберткой. (Но с повторяющимся фоном)

Question

Первый заданный вопрос, поэтому извинения, если он не сформулирован правильно или нечетко.
Мой вопрос заключается в следующем: может ли fullwidth div быть помещен на фоне обертки? Вот что я пытаюсь достичь: (Недостаточно репутации для загрузки изображения?)

В принципе, мне нужен градиентный градиент с полной шириной за основным контентом/оберткой. Однако существует также повторяющийся фоновый рисунок.

Как на камне Rosetta Пример: http://www.rosettastone.co.uk/lp/branduk/?gclid=CNTzoOPihrcCFSXLtAodMyMAEg&rd=0&cid=se-gguk113f2&s_tnt=59574:1:0 Изображение баннера перекрывает желтый фон.

Возможно ли это, если я это сделаю? Я использую Dreamweaver CS6, и мои навыки CSS являются базовыми.

Заранее благодарим за любую помощь.

Приветствия

Answer 1

Вы должны начать, добавив:

<div class="banner"></div> 
<div> 
    //Content with wrapper 
</div> 

CSS:

.banner{ 
    position: absolute; 
    top: 0; 
    z-index: -1; 
    with: 100%; 
    height: 100px; 
    background-image: 'your-image'; 
    background-repeat:repeat-x; //Whatever condition you need. 
}