छवि पर छवियां

Question

क्या कोई मुझे बता सकता है कि मैं Z-index या Z-order का उपयोग किये बिना किसी अन्य छवि पर एक छवि कैसे जोड़ सकता हूं?

Answer 1

वास्तव में यह जानने के बिना कि आप वास्तव में क्या हासिल करना चाहते हैं, ठीक से जवाब देने में कठिनाई है, ज़ेड-इंडेक्स शायद आपको वास्तव में आवश्यक नहीं है। उदाहरण के लिए निम्नलिखित काम करेगा:

<div id="container"> 
    <img src="img1.jpg" id="img1" /> 
    <img src="img2.jpg" id="img2" /> 
</div> 

#container { 
    position:relative; 
} 

#img2 { 
    position: absolute; 
    left: 50px; 
    top: 50px; 
} 

भी है कि क्या आप <img> टैग का उपयोग या background-images छवियों अर्थ valueOf पर निर्भर करता है, जैसे पृष्ठ का प्रस्तुतिकरण या वास्तव में सामग्री रहे हैं?

Answer 2

background-image संपत्ति

Answer 3

सबसे आसान तरीका है सुनिश्चित करें कि वे कर रहे हैं बनाने के लिए है के साथ सीएसएस में मुख्य छवि की पृष्ठभूमि छवि सेट दोनों एक ही आकार, एक पारदर्शिता है, और आप इस स्निपेट का उपयोग:

<img style="background:url(image.jpg)" src="overlay_image.gif" alt="" /> 

Answer 4

आप निम्न कोड का उपयोग करके छवि पर पाठ का उपयोग कर सकते हैं:

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0"> 
    <TR> 
    <TD WIDTH="221" HEIGHT="300" BACKGROUND="samplepic.jpg" VALIGN="bottom"> 
     <FONT SIZE="+1" COLOR="yellow">Sample Text</FONT> 
    </TD 
    </TR> 
</TABLE> 

आशा है कि मदद करता है।