如何在子div上显示父div

Question

如果我有这个：

<div id='parent'>
<p>Parent stuff here</p>

  <div id='child'>Child stuff here</div>

</div>

有没有办法让父div显示在子div的上方而不使用position:absolute？基本上，你根本看不到孩子的div。 z-index似乎不起作用。我想用透明的PNG做到这一点，这样我就可以在鼠标悬停时突出显示某些div - 透明度将允许仍然可以看到下面的东西。

谢谢！

Answer 1

只有在该元素上设置了z-index（默认值）以外的位置时，

static才有效。将position: relative;添加到相关元素，z-index将起作用。以下是一个示例：http://jsfiddle.net/sl1dr/8gR6V/