Не уверен, что это возможно и как, но я пробовал играть с z-index элементов в моем коде без успеха.
У меня есть элемент div, который имеет фоновое изображение, установленное в css. внутри div, у меня есть другие элементы, такие как div и img. Я пытаюсь, чтобы основной div, содержащий фоновое изображение, остался на вершине, так как я хочу, чтобы это фоновое изображение отображалось поверх других элементов (это фоновое изображение имеет некоторые закругленные углы, которые я хочу показать поверх изображения, включенного в этом div).
Пример HTML:
<div id="mainWrapperDivWithBGImage">
<div id="anotherDiv">
<!-- show this img behind the background image
of the #mainWrapperDivWithBGImage div -->
<img src="myLargeImage.jpg" />
</div>
</div>
Пример CSS:
/* How can I make the bg image of this div show on top of other elements contained
Is this even possible? */
#mainWrapperDivWithBGImage {
background: url("myImageWithRoundedCorners.jpg") no-repeat scroll 0 0 transparent;
height: 248px;
margin: 0;
overflow: hidden;
padding: 3px 0 0 3px;
width: 996px;
}