Здесь у меня есть два div с css фоном для обоих. Я пытаюсь перекрыть divs, чтобы иметь наложенную пунктирную накладку. Я чувствую, что делаю это правильно, но не тот 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;
}
Спасибо, ребята!
большое спасибо. я идиот –