我有背景。在该背景之上,我在顶部覆盖了一张图像。我正在尝试做的是在其底部用图像覆盖背景:
像这样:
HTML:
<div class="scroll-bg">
<img src="img/scroll_top.gif" style="position:absolute" /><!-- TOP OVERLAY IMAGE -->
<div class="scroll-bg-img">
<div class="scroll-content">
<center><img src="img/recent_news.gif" /></center>
<div style="width:100%;margin-top:15px">
<div style="margin-top:10px;color:black">
<p>TEXT TEXT TEXT TEXT MORE TEXT</p>
</div>
</div>
</div>
</div>
</div>
CSS:
.scroll-bg {
width: 810px;
float: right;
}
.scroll-content {
width: 765px;
margin-left: 15px;
word-wrap: break-word;
}
.scroll-bg-img {
background-image: url(img/scroll_bg.gif);
background-repeat: repeat-y;
z-index: 1;
width: 795px;
height: 1000px;
margin-top: 40px;
margin-left: 7px;
padding-top: 15px;
}