html – 模态出现在固定的导航栏后面

所以我有基于bootstrap的网站固定导航栏(跟随你在顶部的页面),当我想显示模态弹出窗口时,它出现在那些导航栏后面,如何解决？

我使用margo template from graygrids

它也出现在用于上传图片的summernote模式中,因此看起来所有模态都会出现在这些导航栏后面.

解决方法

导航栏是固定的,这意味着z-index只相对于它的子节点.简单的解决方法是简单地增加外部模态容器的上边距,使其略微向下推到页面并从导航栏后面向外推.

否则,您的模态标记必须位于标题中,您需要为其提供比父导航栏的z-index更高的z-index.