Hello </div> <script> //Display an image above the using absolute positioning. //Note: the image has"> Hello </div> <script> //Display an image above the using absolute positioning. //Note: the image has"> Hello </div> <script> //Display an image above the using absolute positioning. //Note: the image has" />

पूर्ण स्थिति का उपयोग कर सामग्री के ऊपर एक छवि प्रदर्शित करें

I am just wondering how to display an image above the

using absolute positioning. Note: the image has no define height, it could be longer or shorter. The goal is to display the image above the using absolute positioning.

<div id="wrap">
    

Hello

</div> <script> //Display an image above the

using absolute positioning. //Note: the image has no define height, it could be longer or shorter. The goal is to display the image above the

using absolute positioning. </script>

0

से ऊपर ....

... आप छवि को फिर से कहां चाहते हैं ....

या उसके बाद

???
जोड़ा लेखक NoobEditor, स्रोत

3 उत्तर

If you want an above the

, is there a reason why you can't do the following?

<div id="wrap">
    
    

Hello

</div>

I would highly recommend this approach as the height or width of the image will not break anything and the

will move according to it's size.

लेकिन आइए मान लें कि कहीं और है, जैसा कि नीचे है:

<div id="wrap">
    

Hello

</div>

आप निम्न सीएसएस जोड़ सकते हैं:

img {
    position: relative:
    top: -25px;
}

This is not a very good thing to do, though - as it literally just moves the image up 25 pixels. What if the size of the paragraph

changes? What if you add more content above the paragraph

?

आप यह भी कोशिश कर सकते हैं:

img {
    position: fixed;
    top: 0;
}

यह छवि को हमेशा व्यूपोर्ट के शीर्ष पर रखेगा। दोबारा, इनमें से किसी भी <कोड> स्थिति विधियों का उपयोग करके कई समस्याएं सामने आती हैं (जब तक कि आप यह नहीं चाहते हैं) और मैं शुद्ध HTML का उपयोग करके अपने पहले सुझाव की सिफारिश करता हूं, और सीएसएस स्थिति सुधारों से परहेज करता हूं।

1
जोड़ा

यदि आपका मतलब छिपाने के मामले में है, तो आप वहां जाते हैं:

मार्कअप

<div class="wrapper">
  

I will be hidden soon.

</div>

सीएसएस

.wrapper img{
  position:absolute;
  top: 0;
}

जे एस

$('.wrapper').append($('', { src : 'http://placehold.it/350x150'}));

बेवकूफ देखें

0
जोड़ा

मुझे ऐसा करने का कोई स्मार्ट तरीका नहीं है ... $ ("# wrap") क्यों नहीं। ("छवि") से पहले; पूर्ण स्थिति के बिना?

0
जोड़ा
यही बात है, मुझे इसे पूर्ण स्थिति में होना चाहिए
जोड़ा लेखक ILikebanana, स्रोत
और क्यों ??? अन्य सभी तत्व अब पूर्ण तत्व के साथ बातचीत नहीं करते हैं।
जोड़ा लेखक Cracker0dks, स्रोत