Question

HTML中假如一个父元素的z-index值比子元素大，是不是子元素就在父元素的下面？

Answer 1

父元素的z-index值比子元素大，子元素就在父元素的下面，z-index值大会在上层，示例代码如下:

1. html部分：

<div id="container">
<div id="a1">a1在上面</div>
</div>
<div id="a2">a2在下边</div>

2.css部分：

#container { position: relative; }
#a1 { position: absolute; top: 100px; left: 210px; width: 200px; height: 200px; background-color: yellow; z-index: 20; }
#a2 { position: absolute; top: 50px; left: 160px; width: 200px; height: 200px; background-color: green; z-index: 10; }

说明：两个a被完全的定位，背景色为黄色的a1拥有z-index属性值20，而背景色为绿色的a2拥有z-index属性值10，唯一的区别在于背景色为黄色的a1被放在了一个定义了属性position:relative的div中，并且在文档源代码中位前。

3.效果图如下：

注意事项：z-index只能在定位中起作用。

Answer 2

如果是父子关系,和z-index的值关系不大.
子元素就在父元素里,我们看到的子元素效果就是在上面的

Answer 3

从视觉的角度上说，是的，你可以参考一下下面这篇关于

z-index的文章,把中文网址复制进浏览器就可以了:

http://蝶舞纷飞.flysgirl.com?id=144