Framework7附加通知重叠

Question

我正在为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">'
        });
    });

Answer 1

您是否在任何html标签上都使用了z-index？ （用于通知的默认z-index为20000）

因此，尝试升级.notifications z-index