एक छवि के शीर्ष पर एक div

Question

मैं एक आईएमजी के शीर्ष पर एक संयोजन स्क्रिप्ट की सामग्री के साथ एक डीआईवी की स्थिति चाहता हूं जिसे मैं बैनर के रूप में उपयोग करता हूं।

मेरे पास एक div के अंदर img टैग है। तो मैंने Google स्क्रिप्ट को निम्नलिखित div के अंदर रखा है और इस शैली को

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

जोड़ आईएमजी के नीचे दिखाया गया है और इसके शीर्ष पर नहीं है। कोई विचार??

Answer 1

आप absolute के साथ दूसरे 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 होना चाहिए। एक उचित स्थिति नियम सेट के बिना जेड-इंडेक्स का मतलब है squat।