画像の上部にdivを配置します

Question

私はバグとして使用するimgの上にaddsenseスクリプトのコンテンツを含むDIVを配置します。

私はdiv内にimgタグを持っています。その後、私は、次のdivの内側にGoogleのスクリプトを入れて、アドオンがIMGの下に表示され、それ

style="float:right;left:250;z-index:2" 

にこのスタイルを設定していない、それの上に。何か案は？？

Answer 1

あなたはabsoluteを有する第2のdivを配置したい：

http://jsfiddle.net/sbNZu/

関連するコード：

img { 
 
    border: 2px solid black; 
 
} 
 

 
#container { 
 
    position: relative;  
 
} 
 

 
#example { 
 
    position: absolute; 
 
    top: 10px; 
 
    left: 10px; 
 
    
 
    padding: 5px; 
 
    background-color: white; 
 
    border: 2px solid red; 
 
}

<div id="container"> 
 
    <img src="http://i34.tinypic.com/4tlkci.jpg"> 
 
    <div id="example">This is my div</div> 
 
</div>

Answer 2

position: relativeが不足していて、topの値が負であると思います。

Answer 3

position: absolute;を使用する必要があり、親はposition: relativeである必要があります。適切な位置ルールが設定されていなければ、Z-インデックスはスクワットを意味します。