Javascript 框架7添加通知重叠

我正在为ui使用framework7。我对addnotification有问题，它与navbar的背景重叠。我已经通过删除导航栏，但结果仍然相同。我希望有人能帮助我。多谢各位

//代码的一部分
Waktu Operasi
哈里贝克亚
果酱贝卡

//Javascript
$$（'.notification custom'）。在（'click'，函数（）{
myApp.addNotification({
标题:"申请",，
副标题：“应用程序v1.0.1”，
消息：“在Android和iOS中受支持”，
媒体：“”
});
});

您是否在任何html标记上使用过z-index？（通知的默认z索引为20000）

因此，请尝试升级

.notifications

//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">'
        });
    });