问一个关于做Bootstrap的弹出对话框遇到的问题_html/css_WEB-ITnose
程序员文章站
2022-05-24 07:57:43
...
Bootstrap Web 对话框 写的一个Web搜索程序，用Bootstrap写了一个弹出对话框，在首页上弹出该对话框时，是bootstrap默认的黑底白框，但是在搜索结果页面点击时，整个页面都变成黑底的了，请问这是怎么回事儿呢，我两个页面中引用的JS和CSS文件都一样的，而且，弹出对话框都是引用的一个jsp文件。请问该怎么办呢？两个页面中弹出对话框效果如下：
引入对话框的代码如下：
引入对话框的代码如下：
回复讨论(解决方案)
像是z-index出了问题。
你用chrome或者firebug看一下，弹窗的z-index是不是1050？bootstrap的弹出框示例那里class为model的样式设置了z-index为1050。
黑色背景的class是modal-backdrop，z-index是1040。
两个都没问题才能正确显示弹出框。
样式问题，如楼上说的应该是z-index的层次问题导致的
建议你可以在弹出框的就近的位置加个z-index:100000;的内联样式试下
上一篇： C# 泛型集合实例应用浅析