[英]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.