Bootstrap Modal Overlaps菜单

Question

我只是将一个bootstrap模式附加到Wordpress网站上的按钮,它工作得很好.

但问题是,模式首次隐藏导航菜单(特别是"博客"链接),当它处于非活动状态时.打开模态并将其关闭后,模态消失,菜单工作正常.

我尝试过一些东西,比如摆弄z-index,还试着一起破解脚本:

<script>
jQuery(document).ready(function() {
  jQuery('#subscribe').modal('hide') 
});
</script>

到目前为止,没有骰子.但也许你可以从脚本中看出,我只是想在页面加载时将模态置于隐藏状态,并且只在单击按钮时调用它.

这是我的网站.如果您尝试单击笔记本电脑或较小屏幕上的"博客"链接,则不能,因为它被模态隐藏:

感谢任何帮助!

Answer 1

好的,我找到了解决方案

您必须添加一个名为的类hide.因为fade功能是设置opacity:0的div.所以它只是隐藏在页面的前面.

所以你的路线应该是

<div id="subscribe" class="modal hide fade" role="dialog">

有关更多详细信息,请访问bootstrap