如何強制溢出：隱藏分區圖像內的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？

回答

相關問題