如何將一個圖像浮在另一個上面？

我已經做了一些關於這個主題的搜索，但我似乎無法找到一個答案，這正是我正在尋找的。
我正在嘗試在我的網站上設置橫幅廣告（728 x 90），因此它「擱置」了一個帶背景圖片的div。因此，如果有人使用了廣告攔截器，他們會在廣告應該展示的地方看到「請停用您的廣告攔截」的圖片。如何將一個圖像浮在另一個上面？

我當前的代碼是這樣的：

<div style="float: left; background-image: url(../forum/banners/replacement.png); height: 90px; width: 728px; border: 1px solid black;"> 
</div> 
<!-- BEGIN SMOWTION TAG - 728x90 - DO NOT MODIFY --> 
    <script type="text/javascript"> 
    <!-- ad code goes here --> 
    </script> 
<!-- END SMOWTION TAG - 728x90 - DO NOT MODIFY -->

然而，這使得廣告顯示在div下，而不是出現在其「覆蓋」。我怎樣才能讓廣告和div不剪輯？

來源

2013-08-31 RalphORama

位置父relative這時孩子們absolute ....

#Container { 
    position: relative; 
} 

.Children { 
    position: absolute; 
    top: 0px 
    left: 0px 
}

絕對是「相對的」父 - 讓孩子們將跨越被0像素，並從父0像素下 - 即覆蓋

<div id="Container"> 
    <img class="Children" src="..."/> 
    <img class="Children" src="..."/> 
</div>

來源

2013-08-31 22:42:58 Basic

這樣做了！我必須將容器div的高度設置爲91px，並從替換圖像中刪除邊框以使所有內容都很好，但是解決了問題！謝謝！ – RalphORama

如何將一個圖像浮在另一個上面？

回答

相關問題