如何强制溢出：在div中隐藏分层图像？

Question

我在DIV中彼此IMG有两个IMG ，如下所示：

<div class="container">
    <img src="somepic.jpg" class="layer" />
    <img src="otherpic.jpg" class="layer" />
</div>

具有以下样式：

DIV.container {
    width: 400px;
    height: 400px;
    overflow: hidden;
    z-index: 999;
    display: block;
}

IMG.layer {
    position: absolute;
}

然后，我将一些Dojo效果投射到图像上，使它们彼此渐隐并放大，以使它们变得比DIV ，效果很好。 但是，尽管我将overflow设置为hidden ，但我始终看到整个图像重叠。

因此，如何强制图像隐藏其溢出？

Answer 1

将容器设置为

position:relative;

那应该使它工作:)

Answer 2

容器应将CSS属性position设置为relative 。 如果设置了此属性，则容器内的绝对定位元素将从容器位置开始相对计数位置，因此不会溢出。

美好的一天，JB