簡體   English   中英

Framework7附加通知重疊

[英]Framework7 addnotification overlap

我正在為UI使用framework7。 我在與navbar的背景重疊的addnotification中遇到問題。 我已經刪除了navbar-through,但結果仍然相同。 我希望有一個人可以幫助我。 謝謝。 在此處輸入圖片說明

//Part of Code
             <div class="tab" id="tab4">
                <div class="page-content">
                  <div class="content-block">
                    <p align="center" style="color:black">Waktu Operasi</p>
                  </div>         
                </div> <div class="navbar-through">
              <div class="container3">

                <div class="timeline timeline-sides">
                  <div class="timeline-item">
                    <div class="timeline-item-date">Hari <small>Bekerja</small></div>
                    <div class="timeline-item-divider"></div>
                    <div class="timeline-item-content">
                      <div class="timeline-item-inner"></div>
                    </div>
                  </div>
                  <div class="timeline-item">
                    <div class="timeline-item-date">Jam <small>Bekerja</small></div>
                    <div class="timeline-item-divider"></div>
                    <div class="timeline-item-content">
                      <div class="timeline-item-inner"> </div>
                    </div>
                  </div>
                </div>
                    <p class="buttons"><a href="#" class="button notification-custom">Application</a></p>
                </div>
                </div>
             </div>

//Javascript
    $$('.notification-custom').on('click', function () {
        myApp.addNotification({
            title: 'Application',
            subtitle: 'Application v1.0.1',
            message: 'Supported in Android & iOS',
            media: '<img width="44" height="44" style="border-radius:100%" src="img/logo.png">'
        });
    });

您是否在任何html標簽上都使用了z-index? (用於通知的默認z-index為20000)

因此,嘗試升級.notifications z-index

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM