Bir öğeyi jQuery'de başka bir öğenin üzerine kolayca yerleştirin?

Question

jQuery ile bir resmin üzerine bir div yerleştirmem gerekiyor. position: fixed kullanarak oluşturabilir ve öğeleri ofset kullanarak konumlandırmak için üst ve sol tuşlarını kullanabilirim, ancak kullanıcı kaydırırsa elemanın öğenin üstünde olmayacağından emer.

Başka bir fikrin var mı?

Answer 1

, bunu yapabilirsiniz: height/width tarzı iç/ouer bölümlerde; niteliklerini eşleşirse

<div style="position: relative;"> 
    <div style="position:absolute; width: 276px; height: 110px; z-index: 2;"> 
    Content here will be on top the image 
    </div> 
    <img style="width: 276px; height: 110px;" src='http://www.google.com/intl/en_ALL/images/logo.gif' alt="Test Img" /> 
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

, iç <div> geliyor <img /> önce ve 'u görüntüden daha yüksek bir z-endeksine veriyorsunuz, görüntü mükemmel bir şekilde örtüşüyor.

Burada bunun bir örneğini görebilirsiniz: http://jsfiddle.net/ZcBus/

Answer 2

Pozisyonu olan bir konteyner divı oluşturun: göreceli. Sonra görüntünüzü divun içine yerleştirin, ve aynı zamanda orijinal div'unuzu pozisyon olarak yerleştirin: mutlak, ancak konteynırlara göre kapsayıcıdaki div. örneğin

<div style='position:relative'> 
    <img src='' alt=''/> 
    <div id='original' style='position:absolute; top:10px; left:50px'/> 
</div> 

O biçimlendirme bazılarını veya tümünü enjekte veya stili değiştirmek için jQuery kullanabilirsiniz ama hiç komut dosyasını kullanmak zorunda değilim. Bu birden fazla yerde yapıyorsanız