javascript - 如何强制溢出:hidden for layered images within a div?

Question

我在一个 DIV 中有两个 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;

这应该使它工作:)