イメージをオーバーラップするイメージをdiv内のラッパーに入れます

Question

ラッパーがありますイメージを合わせてロゴをつけようとしています下段中段Imコーディングに問題があります。ラッパーの下のメニュー部分に移動しますが、うまくいかないようです。

Answer 1

ポジショニングを使用して行います。

実施例http://jsfiddle.net/UKxK6/

Answer 2

HTML：

<div id="wrapper"> 
<img class="bg" src="img path" /> 
<img class="logo" src="logo path" /> 
</div> 

CSS：

ラッパー{

位置：相対。 }

#wrapper .bg { 
position: absolute; 
top: 0; 
left: 0; 
z-index: 5; 
} 

#wrapper .logo { 
position: absolute; 
top: 10px; 
left: 10px; 
z-index: 10; 
} 

デモ： http://jsfiddle.net/pt4rV/

Answer 3

は、あなたにも、それはあなたを助けるかもしれあなたのCSSのfloatとclear属性を使用することができます。また、MAX-WIDTHとMAX-heightプロパティを使用して、適切な出力を得ることができます。最大の高さとmax-widthプロパティと

あなたは最大の高さと幅を設定し、フロートを使用することができます：画像を設定するには、あなたの必要性に従ってプロパティを左または右とクリア。