z-index的問題，圖像overlaping DIV

不知怎的，我無法看到，使其工作..z-index的問題，圖像overlaping DIV

我試圖將圖片發送到後面，這只是一個例子，我產生隨着我們的商業智能程序之一飛行圖形，不幸的是，它產生的PNG是比實際數據大，所以我想發送白色剩餘空間到後面，但它重疊的div邊框，我一直試圖用zindex屬性來防止這種情況，但是我無法完成它，一些幫助將得到高度讚賞，我對任何css或jquery解決方案都是開放的。小提琴上的圖像只是與邊框重疊的圖片的一個示例。

http://jsfiddle.net/rvaldez/b3AXf/

有沒有人有關於如何將圖片發送給回一個建議嗎？

來源

2011-12-01 isJustMe

您剛剛將所有代碼都猛擊到了jsfiddle的HTML窗格中。爲了幫助未來的人們，我建議將CSS放置在CSS窗格中，HTML窗格中的HTML和JavaScript窗格中的JavaScript中。 – Jasper

好吧，對於給我帶來的不便，我幾乎沒開賬戶，我仍然在學習如何使用它。 – isJustMe

將overflow:hidden;加到#utilitiesContainer。這將解決問題。 Check here，我希望這就是你要求的。

Check here，如果您對溢流屬性更感興趣。

來源

2011-12-01 18:30:30

非常棒！這解決了這個問題，你會介意解釋爲什麼它的行爲如此嗎？ – isJustMe

因爲子元素大於父元素，但CSS不會默認溢出內容被隱藏。因此必須設置溢出：隱藏;在父元素上。 –

嗯，默認情況下，如果內容不適合容器，它會繼續顯示在邊界之外，就像你的情況一樣。當您向容器中添加一個隱藏溢出時，它會剪切超出邊界的內容。當你使用浮動元素時，你也可以使用overflow：hidden來調整流程:) –

z-index的問題，圖像overlaping DIV

回答

相關問題