由于保密原因，我无法上传 Web UI 的屏幕截图。
物化模态应该表现得像here http://materializecss.com/modals.html#!，但不幸的是，我的网站发生的情况是，包括模式在内的整个页面都是“深色背景”的一部分。模式应该覆盖在背景（变暗）的顶部，并且模式应该是活动页面。我的模态 z 索引是 1003（默认）。
就用户界面而言，无论我单击什么，都会关闭模式，甚至模式内的按钮（事实上，我什至无法单击按钮，因为它们都是深色背景的一部分）。知道这里会发生什么吗？
这是我的代码供参考：
<button data-target="modal1" class="btn waves-effect waves-light modal-trigger" type="submit">Save
<i class="material-icons right">send</i>
<!-- Modal Structure -->
</button>
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Modal Header</h4>
<p>A bunch of text</p>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat" name="action">Submit</a>
{{ form.submit }}
</div>
</div>
（我希望模式是表单提交确认，但这里忽略细节。）
问题是你的模型结构位于某个 div 中。通过将模型结构放置在主 div 之外将解决您的问题。
请参阅图片了解层次结构。
看我的问题（我也有同样的问题）：
在后台实现模态（模态弹出窗口未带到前台） https://stackoverflow.com/questions/35824719/materialize-modal-behind-the-background-the-modal-popup-was-not-brought-to-fore/35827506#35827506
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
