在这里,我有两个设置为两个CSS背景图像的div。 我试图让div重叠,所以我可以有一个虚线的图案覆盖。 我觉得我正确的做法,但错误的div正在前进。 任何想法为什么发生这种情况?我如何覆盖div背景?
这里的网站:http://designobvio.us/portfolio/body.html
HTML:
<section class="bodySection">
<div id="body-wrapper" class="container_12">
<div id="left-container" class="grid_5">
<div class="content">
</div>
</div><!--end of left-container-overlay-->
</div><!--end of left-container-->
</div><!--end of body-wrapper-->
</section><!--end of bodySection-->
我的CSS:
#left-container {
background:url(../img/sliderBG.png)transparent repeat;
width:400px;
height:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
overflow:hidden;
display:block;
height:100%;
top:0;
z-index:5;
}
#left-container .content {
background:url(../img/Me.jpg) repeat-y;
width:400px;
height:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
overflow:hidden;
display:block;
height:100%;
top:0;
z-index:1;
}
谢谢你们!
非常感谢。我是个白痴 – 2012-02-26 15:01:48