2017-01-01 5 views
1

の上に引き下げ、私はイメージを持っている必要があり、この写真に見られるようにと、親のdivのITの境界上でプルダウン:http://prntscr.com/dqdavn画像は、親のdiv

任意のアイデア?

+0

ます。https://developer.mozillaを。 org/en-US/docs/Web/CSS/z-indexとhttps://developer.mozilla.org/en-US/docs/Web/CSS/position – Maxwelll

+0

私はそれをy軸上に移動する必要があります与えられた絵に見える。 –

+0

Zインデックスと位置CSSのプロパティを使用 – Maxwelll

答えて

0

画像に透明な背景を使用してください。次に、インラインイメージにマイナスの下マージンを設定します。 DIVの場合はdisplay: inline-blockを使用してください。

私はあなたのHTMLは次のようになりますと仮定します。

<div><img src="img.png" /></div> 

あなたはこのCSSを使用する必要があります。

body {background: silver;} 
div {background: white; display: inline-block;} 
img {margin-bottom: -90px;} 

は、ここでは、アクションでそれを参照してください:http://codepen.io/anon/pen/mRbXKw

+0

ありがとう、これは私のために働いた! –