Kodumu doğrudan Bootstrap örneğinden kullandım ve sadece bootstrap.js'yi (ve bootstrap-modal.js'yi değil) dahil ettim. Bununla birlikte, modelim gri solgunluk (zemin) altında görünüyor ve düzenlenemez.
İşte böyle görünüyor:
Bu sorunu yeniden oluşturmanın bir yolu için bu kemana bakın . Bu kodun 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;
}
Bunun neden olduğu veya bunu düzeltmek için ne yapabileceğime dair bir fikrin var mı?
overflow-x: hidden
kabına uygulanmasından kaynaklanıyor olabilir .