在IE7及之前的版本中设置z-index的属性，确没有生效，查阅写资料，发现主要的结果和处理方法为：

父级元素若设置为position:relative时候，则子级元素的z-index属性会被覆盖

如

<div>

<div></div>

</div>

<div>

<div></div>

</div>

在这种情况下，无论第一个red的z-index设置多高，都是会被第二个black所覆盖的

解决的方案为，设置父级元素的z-index

<div>

<div></div>

</div>

<div>

<div></div>

</div>

这样，red就会覆盖black