只有div的背景被img隐藏了？

Question

包含图像的 div 使用 border-radius 和 overflow:hidden 圆角。

该 div 还包含另一个具有橙色背景和一些白色文本的 div。

当第二个 div 使用负边距放置在图像上时，结果是橙色背景隐藏在图像后面，但白色文本出现在图像顶部。这是为什么呢？

小提琴：http://jsfiddle.net/nq9Jv/

进一步的问题：如何让橙色 div 完全显示在图像“上方”，请记住我不能使用 position: relative，因为这会将它从流程中取出，因此不允许第一个的边界半径div 隐藏第二个的一部分。

Answer 1

我不确定使用负边距时橙色背景没有出现在图像上方的原因。

我对您的示例进行了一些调整，通过在父元素上使用 position: relative 并在子元素上使用 position: absolute，使橙色 div 出现在图像上方，同时保持 border-radius 隐藏子元素。

http://jsfiddle.net/nq9Jv/4/

这是你想要的吗？