css - ラッパー内のdiv内の画像に重なる画像を取得する

Question

私はラッパーを手に入れました 画像をはめ込み、その上にロゴを配置しようとしています 下中央 コーディングに問題があります... 画像を上部または下部、またはラッパーの下のメニュー部分に取得できますが、できないようですそれを解決する

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-height および max-width プロパティを使用すると、最大の高さと幅を設定し、必要に応じて float:left または right と clear プロパティを使用して画像を設定できます。