Qyouu
2019-07-19 10:50:45
自舉模態(tài)出現(xiàn)在背景下我在引導(dǎo)示例中直接為我的模式使用了代碼,并且只包含了bootstrap.js(而不是bootstrap-modal.js)。然而,我的模式出現(xiàn)在灰色褪色(背景)下,是不可編輯的。如下所示:看見(jiàn)這把小提琴為一重現(xiàn)這個(gè)問(wèn)題的方法。該代碼的基本結(jié)構(gòu)如下:<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;}知道為什么會(huì)這樣,或者我能做些什么來(lái)解決這個(gè)問(wèn)題嗎?
3 回答

波斯汪
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊
確保模態(tài)容器及其所有父元素都以默認(rèn)方式定位,以解決問(wèn)題。
最簡(jiǎn)單的方法就是移動(dòng)模態(tài)div,所以它在任何元素之外都有特殊的定位。一個(gè)好地方可能就在關(guān)閉體標(biāo)簽之前。 </body>
.或者,您可以刪除 position:
CSS屬性從模式及其祖先直到問(wèn)題消失。然而,這可能會(huì)改變頁(yè)面的外觀和功能。

哆啦的時(shí)光機(jī)
TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊
show
$('#myModal').appendTo("body").modal('show');
.modal('show');
$('#myModal').appendTo("body")

拉丁的傳說(shuō)
TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超8個(gè)贊
什么起作用了:
.modal-backdrop { z-index: -1;}
添加回答
舉報(bào)
0/150
提交
取消