如何强制溢出：隐藏分区图像内的div？

我有内DIV像这样在对方的前两名IMG S：如何强制溢出：隐藏分区图像内的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，其工作良好。但是，尽管我设置了overflow到hidden，但我看到整个图像始终在重叠。

那么，我该如何强制图像来隐藏其溢出？

来源

2011-09-19 Cobra_Fast

尝试Div.container CSS'position'设置为'relative'。它有帮助吗？ – JoshuaBoshi

@JoshuaBoshi是的，它做到了。请把它放在答案中，以便我可以接受。 –

集装箱应该有CSS属性position设置为relative。如果它具有此属性集合，则容器中的绝对定位元素将从容器位置相对计数位置，因此它不会溢出它。

尼斯一天， JB

来源

2011-09-19 14:09:06 JoshuaBoshi

设置容器

position:relative;

这应该使其工作:)

来源

2011-09-19 13:51:34

如何强制溢出：隐藏分区图像内的div？

回答

相关问题