định vị một div ở trên cùng của hình ảnh

Question

Tôi muốn đặt vị trí một DIV với nội dung của tập lệnh bổ sung trên đầu trang của img mà tôi sử dụng làm biểu ngữ.

Tôi có thẻ img bên trong div. sau đó tôi đặt tập lệnh google bên trong div sau và đặt kiểu này thành div

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

Giá trị được hiển thị bên dưới img chứ không phải trên đầu trang. Bất kỳ ý tưởng ??

Answer 1

Bạn muốn vị trí div thứ hai với absolute:

http://jsfiddle.net/sbNZu/

đang liên quan:

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

Tôi nghĩ bạn đang thiếu position: relative và giá trị âm cho top.

Answer 3

Bạn cần sử dụng position: absolute; và cha mẹ phải là position: relative. Nếu không có một quy tắc vị trí thích hợp, z-index có nghĩa là squat.