Question

如何在css中使用z-index让子标签在父标签的兄弟标签之上

比如有两个div标签，第一个标签有个img子标签，两个div标签的大小一样，而且相互重叠，第一个div标签背景色是绿色，第二个标签背景色是蓝色，设置两个div的z-index都为0，设置img标签的z-index为10，那么为什么浏览器中还是看不见img呢？

Answer 1

把有IMG子标签的的父标签的z-index值设置大于另外一个父标签，这样img就能看到了。自标签的z-index是建立在父标签的基础上的，加入A元素的z-index值低于B元素的，那么A元素下面的子元素的层级也同样都低于B元素里的子元素，即使你将A元素里的子元素设为z-index:9999；同理元素B里的子元素，即使是设的z-index:1它照样比元素A的层级要高；
另外，设置了z-index属性，需要对div标签设置定位才能生效，不管是绝对定位还是相对定位。

Answer 2

img设置的z-index没用。要div层设置才有办法，给想要覆盖的层设置z-index高就在上面。

追问

img层确实在一个容器div层中，设置的z-index也是对容器div设置的，但是实验了不行

Answer 3

两个z-index属性一样的，后出现的会覆盖前面出现的。

追问

我知道后面的会覆盖前面的，但是处于逻辑上便于管理我想让第一个div中的img子标签在任何div层之上，这可能吗？还是第二个div无论如何都会在第一个div的子元素之上？