简体   繁体   English

Framework7附加通知重叠

[英]Framework7 addnotification overlap

I am using framework7 for ui. 我正在为UI使用framework7。 I got problem with the addnotification that overlap with the background with navbar. 我在与navbar的背景重叠的addnotification中遇到问题。 I already remove navbar-through but the result still same. 我已经删除了navbar-through,但结果仍然相同。 I hope someone can help me. 我希望有一个人可以帮助我。 Thank you. 谢谢。 在此处输入图片说明

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

Have you played with z-index on whatever html tag ? 您是否在任何html标签上都使用了z-index? (default z-index for notification is 20000) (用于通知的默认z-index为20000)

So try to upgrade z-index of .notifications 因此,尝试升级.notifications z-index

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM