Question

【CSS】z-index 属性设置元素的堆叠顺序是怎样定义的？

<div style="width: 850px; height: 100px; position: relative; background-image:url(image/top_groud.jpg); z-index:7; margin: 0px auto; " id="head">
<img src="image/logo.png" style="position: absolute; top: 16px; left: 18px;z-index:0;" />
</div>

我想让背景图片显示在图片之上，所以我设置了该背景图的z-index属性大于图片的z-index属性，运行的时候发现没有任何变化，不禁的怀疑错在哪里？我想问问大家是不是由于层中的背景，使用z-index属性不好用。也就是说不管如何设置，背景总是位于最下方，是这样么？请指教！
我知道是层，我想问的是数字越大在最上面还是越小在最上面

Answer 1

你完全搞错啦。 z-index针对的是层 你可以写两个层 一个背景图 一个是你要的图 。这两个层放在相对定位的层内
<div style="width: 850px; height: 100px; position: relative; " >

<div style="width: 850px; height: 100px; position: absolute; background-image:url(image/top_groud.jpg); z-index:7; margin: 0px auto; " id="head"></div>
<img src="image/logo.png" style="position: absolute; top: 16px; left: 18px;z-index:0;" />
</div>
</div>

Answer 2

你的问题在我在分析smil协议的时候遇到过，
你这里说是背景图，而且看你的声明是：background-image
你的background-image属性描述就是最底层（对于div，内部描述的所有资源都在其上），
无论你的Z-index设置为多少，背景图永远是最底层。而且不需要z-index属性进行描述。
div内部资源在层的描述上，z-index的值大的位于上层。

如果要居于其他媒体资源之上，为何要把这个资源设为背景？
“让背景图片显示在图片之上”这个资源就不能作为背景使用了.

Answer 3

z-index是针对层来设置的，