我正在使用一个模式框来展示我的投资组合的广告作品。模态在很大程度上运行正常,但似乎模态中的内容阻塞了我顶部的导航栏。
在不动态加载内容的情况下,有没有办法使通道的内容不会干扰导航栏?我试着给导航栏设置一个更高的z-index,但这似乎没有起到作用。我给模式内容和modal.backdrop设置了一个较低的z索引,但似乎没有什么效果。
以下是该页面的链接:http://0034191.netsolhost.com/ryancurtis/advertising.html
这可能是一个简单的解决方法,但我已经在我的技能范围内尝试了所有方法。我是bootstrap的新手。
发布于 2013-08-23 23:51:52
不要将对话框设为模态。您仍然可以弹出对话框,但不要将其设置为模式。Modal阻止用户看到下面的东西/与之交互。
通过this example从jQueryUI对话框(一个非常相似的系统)中更容易看出区别。
我对bootstrap不太熟悉,但是看起来你会让你的对话框变成一个警告而不是一个模型。
请注意,如果您愿意,您可以将bootstrap与jQueryUI混合使用。它们都运行在jQuery之上,只是包含了这两个库。
发布于 2013-08-24 20:19:54
为什么不给modal加上填充/上边距呢?我想它最简单的解决方案..
<style>
.modal {
margin-top:50px;
}
</style>或者使用JS
<script>
{
$("#myModal").animate({"width":"1100px","left":"30%"},3000,'easeInCirc');
}
</script> https://stackoverflow.com/questions/18406893
复制相似问题