html – 模态出现在固定的导航栏后面
发布时间:2020-12-14 18:29:10 所属栏目:资源 来源:网络整理
导读:所以我有基于bootstrap的网站固定导航栏(跟随你在顶部的页面),当我想显示模态弹出窗口时,它出现在那些导航栏后面,如何解决? 我使用margo template from graygrids 它也出现在用于上传图片的summernote模式中,因此看起来所有模态都会出现在这些导航栏后面.
所以我有基于bootstrap的网站固定导航栏(跟随你在顶部的页面),当我想显示模态弹出窗口时,它出现在那些导航栏后面,如何解决?
我使用margo template from graygrids 它也出现在用于上传图片的summernote模式中,因此看起来所有模态都会出现在这些导航栏后面. 解决方法
导航栏是固定的,这意味着z-index只相对于它的子节点.简单的解决方法是简单地增加外部模态容器的上边距,使其略微向下推到页面并从导航栏后面向外推.
否则,您的模态标记必须位于标题中,您需要为其提供比父导航栏的z-index更高的z-index. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |