如何将div的边界重叠在另一个下面？

Question

我有一个底部边框的元素,我想在图像上显示它,但是,当我向下移动相关的div(使用负底边距)时,边框位于下面的图像元素下面.有没有办法将它设置在顶部？

我试过z-index但无济于事.我必须让"顶级"div有边框.

<div class="top">One</div>
<div class="block"><img src="http://placekitten.com/200/300"></div>
.top {border-bottom:5px solid red; margin-bottom:-3px; z-index:5;}

http://jsfiddle.net/gdRWy/1/

图片由Placekitten主持并拍摄:Pieter Lanser

多谢你们

Answer 1

http://jsfiddle.net/gdRWy/3/

position:relative; /* this is enough */

请参阅我之前的评论