主要内容/包装器后面的全角div。（但背景重复）

Question

提出第一个问题，如果措辞不正确或含糊不清，请道歉 我的问题是：可以将一个全宽div放在包装器的背景中吗？以下是我要实现的目标:(上传图片的声誉不足？）

基本上，我想在主要内容/包装器后面有一个全宽度渐变横幅。然而，也存在重复的背景图案。

就像Rosetta Stone示例：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.
}