在DIV中重叠图像

Question

我有一些div包含一个填充整个div的图像：

<div class="callout">
    <img src="images/callout_image.gif" alt=""/>
</div>

.callout { float: left; width: 267px; height: 114px; }

现在我想在这个DIV中放置另一个图像，它与原始图像的一部分重叠并且也会“弹出”DIV，即它将超出DIV的尺寸，但是DIV本身不会延伸。 / p>

我这样做有困难，有人可以帮忙吗？

Answer 1

这样的事情：

<div class="callout">
    <img src="images/callout_image.gif" alt=""/>
    <img src="images/callout_image.gif" alt="" class="pop" />
</div>

.callout { float: left; width: 267px; height: 114px; position: relative;}
.pop {position: absolute; top: 50%; left: 50%; z-index: 1;}

您可能需要根据具体情况在overflow: visible上设置div。