包含图像的 div 使用 border-radius 和 overflow:hidden 圆 Angular 。
该 div 还包含另一个带有橙色背景和一些白色文本的 div。
当第二个 div 使用负边距放置在图像上时，结果是橙色背景隐藏在图像后面，但白色文本出现在图像上方。这是为什么？
fiddle :http://jsfiddle.net/nq9Jv/
进一步的问题:如何使橙色 div 完全显示在图像“上方”，请记住我不能使用 position: relative 因为那样会使它脱离流程，因此不会允许第一个 div 的边框半径隐藏第二个的一部分。
最佳答案
我不确定使用负边距时橙色背景没有出现在图像上方的原因。
我稍微调整了你的例子，通过在父元素上使用 position: relative 和在子元素上使用 position: absolute ，使橙色 div 出现在上方图像，同时保持 border-radius 隐藏子元素。
这是你想要的吗？
关于html - 只有div的背景被img隐藏了？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20819863/