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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

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)容器具有固定或相對(duì)位置,或者位于具有固定或相對(duì)位置的元素中,則會(huì)發(fā)生此行為。

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

這里有幾種方法可以做到這一點(diǎn):

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

    </body>.

  2. 或者,您可以刪除

    position:

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


查看完整回答
反對(duì) 回復(fù) 2019-07-19
?
哆啦的時(shí)光機(jī)

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊

這個(gè)問(wèn)題與父容器的位置有關(guān)。您可以很容易地“移動(dòng)”您的模式從這些容器,然后顯示它。如果你是show使用js的模式:

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

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

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

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


查看完整回答
反對(duì) 回復(fù) 2019-07-19
?
拉丁的傳說(shuō)

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超8個(gè)贊

我嘗試了上面提供的所有選項(xiàng),但沒(méi)有讓它使用這些選項(xiàng)。

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

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


查看完整回答
反對(duì) 回復(fù) 2019-07-19
  • 3 回答
  • 0 關(guān)注
  • 354 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)