एक div को एक और

Question

पर फ़्लोट करें मेरे पास पृष्ठ पर दो div तत्व हैं। मैं एक div को पॉपअप की तरह किसी अन्य पर फ़्लोट करने के लिए कैसे बना सकता हूं?

Answer 1

position:absolute; का उपयोग करें और "पॉपअप" को दूसरे की सीमाओं के भीतर स्थित करने के लिए सेट करें। "पॉपअप" div भी छोटा होना चाहिए।

किसी अन्य के ऊपर "पॉपअप" को ढेर करने के लिए z-index का उपयोग करें (इसे z-index के लिए उच्च मान दें)।

यदि आप इसे आंतरिक div की तरह दिखाना चाहते हैं तो वास्तव में दूसरे के ऊपर तैर रहा है, border-right:2px solid black और border-bottom:2px solid black जैसे कुछ के साथ छाया बनाएं।

यदि आप इसे वास्तव में पॉप अप/प्रकट/गायब करना चाहते हैं, तो आपको कुछ स्क्रिप्ट का उपयोग करने की आवश्यकता होगी।

Answer 2

तो इस तरह सीएसएस के z- सूचकांक संपत्ति का उपयोग करें:

div1 { 
    z-index:1000; 
} 

div2 { 
z-index:1001; 
} 

उच्चतम z- सूचकांक तत्व शीर्ष पर प्रदर्शन किया जाएगा।

Answer 3

मुझे विश्वास है कि position से fixed को उपयोगकर्ता स्क्रॉल होने पर भी दृश्यमान रहने का कारण बन जाएगा। आप "शीर्ष", "बाएं" और "दाएं" विशेषताओं का उपयोग करके स्थिति सेट कर सकते हैं। सीएसएस मैं एक "बीटा" लोगो जो मूल रूप से करता है कि तुम क्या कह रहे हैं के लिए उपयोग यह है:

.fixed{ 
    position:fixed; 
    top:0px; 
    right:0px; 
    width:100px; 
}