第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

自舉模態(tài)出現(xiàn)在背景下

自舉模態(tài)出現(xiàn)在背景下

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

3 回答

?
波斯汪

TA貢獻1811條經(jīng)驗 獲得超4個贊

如果模態(tài)容器具有固定或相對位置,或者位于具有固定或相對位置的元素中,則會發(fā)生此行為。

確保模態(tài)容器及其所有父元素都以默認方式定位,以解決問題。

這里有幾種方法可以做到這一點:

  1. 最簡單的方法就是移動模態(tài)div,所以它在任何元素之外都有特殊的定位。一個好地方可能就在關閉體標簽之前。

    </body>.

  2. 或者,您可以刪除

    position:

    CSS屬性從模式及其祖先直到問題消失。然而,這可能會改變頁面的外觀和功能。


查看完整回答
反對 回復 2019-07-19
?
哆啦的時光機

TA貢獻1779條經(jīng)驗 獲得超6個贊

這個問題與父容器的位置有關。您可以很容易地“移動”您的模式從這些容器,然后顯示它。如果你是show使用js的模式:

$('#myModal').appendTo("body").modal('show');

或者,如果使用按鈕啟動模式,則刪除.modal('show');就這么做:

$('#myModal').appendTo("body")

這將保持所有正常的功能,允許您使用按鈕顯示模態(tài)。


查看完整回答
反對 回復 2019-07-19
?
拉丁的傳說

TA貢獻1789條經(jīng)驗 獲得超8個贊

我嘗試了上面提供的所有選項,但沒有讓它使用這些選項。

什么起作用了:將.mod背景的z索引設置為-1。

.modal-backdrop {
  z-index: -1;}


查看完整回答
反對 回復 2019-07-19
  • 3 回答
  • 0 關注
  • 357 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號