在圖像頂部放置一個div

Question

我希望將一個帶有addsense腳本內容的DIV放在我用作橫幅的img頂部。

我有一個div內的img標籤。然後我把谷歌腳本里面的div內，並將其設置爲它的樣式

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

添加顯示在img下面，而不是在它之上。有任何想法嗎？？

Answer 1

你想在第二個div與absolute定位：

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-index意味着下蹲。