Question

.games_box 
    { 
    width:575px; 
    margin:8px auto; 
    background:#f8f7f7; 
    padding:8px; 
    border-bottom:#000000 1px dotted; 
    } 

<div class="games_box"> 
<a href='#'> 
<img src='$host_name/staff/game-$row[0].gif' width='78' height='75' alt='games' /> 
    <div id='staff' style='position:relative; top:-50px;z-index:1; left:29px'> 
<img src='images/staff_picks.png' alt='staffpick' width='50' height='51' /></div> 
</a> 
</div> 

を使用してdivの中のスペース私は は、i 'はクリア：両方' を使う..ゲームボックスのdivが大..ですスタッフのdivを置く..しかし、役に立たない..

第1

2回目

場所のスタッフのピックイメージ

3回目

最後に、Zインデックスがstaffpick画像を使用し、画像の下に多くのスペース

Answer 1

こんにちは、あなたは相対的な親の位置を与えることができますし、子供がこの

など絶対に与え

ssss

.games_box 
    { 
    width:575px; 
    margin:8px auto; 
    background:#f8f7f7; 
    padding:8px; 
    border-bottom:#000000 1px dotted; 
    position:relative; 
    } 

HTML

<div class="games_box"> 
<a href='#'> 
<img src='$host_name/staff/game-$row[0].gif' width='78' height='75' alt='games' /> 
    <div id='staff' style='position:absolute; top:-5px;z-index:1; left:29px'> 
<img src='images/staff_picks.png' alt='staffpick' width='50' height='51' /></div> 
</a> 
</div> 

ライブデモhttp://jsfiddle.net/rohitazad/grE5A/

Answer 2

あなたがmargin-top:-50px;を使用するか、この例のようにhttp://jsfiddle.net/grE5A/2/position:absoluteを使用することができます 'スペースを吸う' に。

私はそれが#staffがで絶対位置する必要があります「親」であるとして<a>タグの相対的な位置を与えてくれたことに注意してください。

あなたはposition:relative; top:-50pxが移動するので、画像の下のスペースがありました理由スタッフはその元の位置から相対的に拾いますが、元の位置にあるように親はまだ動作しています。 （Z-indexはあなたが何をしようとしているかには何の影響もありません）