Question

我在IMG内有两个DIV在<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;
}

使用以下样式：

DIV

之后，我将一些Dojo效果投射到图像上，使其逐渐淡化，然后将它们放大，这样它们就会变得比overflow更大，这一切都很好。但是，虽然我将hidden设置为{{1}}，但我看到整个图像一直在重叠。

那么，我怎样才能强制图像隐藏它们的溢出？

Answer 1

将容器设置为

position:relative;

这应该使它工作：）

Answer 2

容器应将css属性position设置为relative。如果设置了此属性，容器内的绝对定位元素将相对于容器位置计算位置，因此不会溢出它。

美好的一天， JB

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

2 个答案: