html - Displaying one div on top of another -


मेरे दो divs के साथ कुछ HTML है:

  & lt; div & gt; & Lt; div id = "backdrop" & gt; & lt; img alt = "" src = '/ backdrop.png' / & gt; & lt; / div & gt; & Lt; div id = "पर्दा" शैली = "पृष्ठभूमि-छवि: url (/curtain.png); पृष्ठभूमि-स्थिति: 100px 200px; ऊंचाई: 250px; चौड़ाई: 500 पीएक्स;" & gt; & amp; nbsp; & lt; / div & gt; & Lt; / div & gt;   

मैं "पृष्ठभूमि" के शीर्ष पर दिखाई देने के लिए दूसरे div ("पर्दा") चाहता हूं। दो divs एक ही आकार रहे हैं हालांकि, मुझे यकीन नहीं है कि दूसरी डिवीजन को दूसरे के ऊपर कैसे स्थान दिया जाए।

आपकी मदद के लिए धन्यवाद!

सीएसएस <कोड> स्थिति: निरपेक्ष; का प्रयोग करें शीर्ष: 0 पिक्सेल; प्रत्येक div का शैली विशेषता में 0px; छोड़ दिया गया है पिक्सेल मूल्यों को आप जो चाहें बदलें।

ऊर्ध्वाधर "आदेश" सेट करने के लिए z-index: x; का उपयोग कर सकते हैं (जो कि "शीर्ष पर" )। x को किसी संख्या के साथ बदलें, उच्च संख्याएं कम संख्या के शीर्ष पर हैं।

आपका नया कोड कैसे दिखेगा:

 < कोड> & lt; div & gt; & Lt; div id = "backdrop" शैली = "z- सूचकांक: 1; स्थिति: निरपेक्ष; शीर्ष: 0px; बाएं: 0 पीएक्स;" & gt; & lt; आईएमजी alt = "" src = '/ बैकड्रोपिक' / / gt; & lt; / div & gt; & Lt; div id = "curtain" style = "z-index: 2; स्थिति: निरपेक्ष; ऊपर: 0px; left: 0px; पृष्ठभूमि-छवि: url (/curtain.png); पृष्ठभूमि-स्थिति: 100px 200px; ऊंचाई: 250 पीएक्स; चौड़ाई: 500 पीएक्स; "& gt; एंबेस & lt; / div & gt; & Lt; / div & gt;    

Comments

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

Python's equivalent for Ruby's define_method? -