Bootstrap arka plan altında görünen kalıcı

SORU

17 Mayıs 2012, PERŞEMBE

Bootstrap arka plan altında görünen kalıcı

Düz Bootstrap örnek benim kalıcı kodunu kullandım, ve bootstrap.js sadece (değil) bootstrap-modal.js dahil ettik. Ancak, benim kalıcı gri (zemin) solmaya ve sigara düzenlenebilir altında ortaya çıkıyor.

Göründüğü gibi işte:

modal hiding behind backdrop

this fiddle bkzbirbu sorunu yeniden oluşturmak için. Bu kod temel yapısı şöyledir:

<body>
    <p>Lorem ipsum dolor sit amet.</p>    

    <div class="my-module">
        This container contains the modal code.
        <div class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">Modal</div>
                </div>
            </div>
        </div>
    </div>
</body>

body {
    padding-top: 50px;
}

.my-module {
    position: fixed;
    top: 0;
    left: 0;
}

Bu yüzden ya bunu düzeltmek için ne yapabilirim herhangi bir fikir?

CEVAP

3 AĞUSTOS 2012, Cuma

Kalıcı konteyner sabit ya da göreli bir konumu vardır ya sabit ya da göreli konumu ile bir öğe içinde ise, bu davranış oluşur.

Kalıcı, kapsayıcı ve üst tüm öğeleri varsayılan yolu sorunu çözmek için konumlandırılmış emin olun.

İşte bunu yapmak için birkaç yolu vardır:

Kolay yolu, sadece özel bir konumlandırma ile herhangi bir öğe dışında çok kalıcı div taşımak için. İyi bir yer sadece kapanış beden önce </body> etiket olabilir.
Alternatif olarak, bu sorun geçene kadar o kalıcı ve atalarının position: CSS özellikleri kaldırabilirsiniz. Bu sayfa görünüyor nasıl değiştirebilir ve fonksiyonları, ancak.

Bunu Paylaş: