html - 与 z-index 重叠的 div

Question

我现在有点墨守成规。

如果你访问我的网站...

http://dekkro.no-ip.org/

您会看到一张图片，以及图片下方的一个 div。在过去的几个小时里，我一直试图将它们都放在页面的中间，底部的 div 覆盖图像。

我失败了又失败了，我这里做错了什么？我使用了 z-index 和定位，但它从未居中。

谢谢!

Answer 1

你只需要这个:

CSS:

#my_img {
    margin:auto;
    display:block;
}

#my_div {
    margin:auto;
    position:relative;
    top:-100px;
    z-index:2;
}

HTML:

<img id="my_img" src="http://dekkro.no-ip.org/images/testimage.png" />
<div id="my_div">whatever</div>

这是一个演示:http://jsfiddle.net/tX2JY/embedded/result/