background - 主要内容/包装器后面的全角 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.
}