divタグの上にdivタグを置く方法

Question

誰かが、その中に1つの画像を持つ他のdivタグの上にImageを持つdivタグを置く方法を知っていますか？最後には、他の画像の上に1つの画像を置いていきたいと思います。

おかげでそれらの両方に適用される背景画像と、他の一つのハウジングを2個のdivタグをしないのはなぜ

Answer 1

。次に、背景位置を使用して、どのように配置するかを指定できます。

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

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

EDIT：あなたのイメージのサイズに合わせてdiv年代の高さと幅を設定していることを確認します。

Answer 2

背景画像を<div>タグの末尾に置き、<img />をdivに入れます。もう1つの方法は2 <img>タグを使用することですが、両方にPosition:absoluteを適用し、z-indexを使用してレイヤの順序を指定します。

Answer 3

相対配置を使用するように内部divを設定して、入れ子divとして設定できます。

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

Answer 4

解決策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：

次は私が今までCSSのポジショニングに見た中で最高のチュートリアルです

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

ない偉大なソリューション...とにかくこれをやりたいと思う理由がわからない