如何在div標籤頂部放置div標籤

任何人都知道如何在其中具有Image的div標籤放置在其中具有一個圖像的其他div標籤之上？最後，我想在另一張圖片上放置一張圖片。如何在div標籤頂部放置div標籤

感謝

2011-01-05 KumarR28

可能重複的[如何將一個圖像放置到另一個在HTML中的p？]（http://stackoverflow.com/questions/48474/how-do-i-position-one-image-on-top-of-another-in-html） – robertc 2011-01-05 19:00:16

爲什麼不能做兩個div標籤，一個住房等，都與適用於他們的背景圖像。然後你可以使用背景位置來定位你想要的方式。

<div id="one"> 
    <div id="two"> 
    </div> 
</div> 

#one{background:url('image_one.png') no-repeat} 
#two{background:url('image_two.png') no-repeat}

編輯：確保您設置div的高度和寬度，以配合您的圖像大小。

來源

2011-01-05 19:00:25

將背景圖像放在底部<div>標記中，並將<img />放在div內。另一種可能性是使用2 <img>標籤，但將Position:absolute應用於兩者並使用z-index指定圖層順序。

來源

2011-01-05 19:00:50 JakeParis

您可以將它設置爲嵌套div並將內部div設置爲使用相對定位。

以下是我見過的CSS定位的最佳教程：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

來源

2011-01-05 19:01:38

解決方案1：

<div style="position:relative"> 
    <div style="position:absolute;top:0;left:0;"> 
    <img src="foo.png" /> 
    </div> 
    <div style="position:absolute:top:0;left:0;"> 
    <img src="bar.png" /> 
    </div> 
</div>

解決方案2：

<div style="background:url('foo.png') no-repeat scroll transparent"> 
    <img src="bar.png" /> 
</div>

不是很大的解決方案...不知道爲什麼你想這樣做

來源

2011-01-05 19:05:14 Endophage

如何在div標籤頂部放置div標籤

回答

相關問題