边框前的图像

Question

这就是我要实现的目标：http://imgur.com/2OqnSIu 三个小时过去了，我仍然不知道该怎么做。我已经尝试了位置和 z-index 的所有内容，但没有任何效果。我真的不想在单个图像（边框+图片）中使用所有内容并将其用作背景，因为我正在尝试做一个响应式网站。有任何想法吗 ？谢谢

Answer 1

我试图理解你的问题，但没有真实的例子很难理解：

无论如何，这是我创建的 JsFiddle，我相信这是您需要的。

我确实有一个带填充的容器，它包含另一个带边框的容器。在该特定边框的顶部显示图像。

上面的例子是使用z-index和相对定位实现的：

img { position: relative; z-index: 100; top: 100px; left: -30px; }