当前位置:Gxlcms > html代码 > 问一个关于做Bootstrap的弹出对话框遇到的问题_html/css_WEB-ITnose

问一个关于做Bootstrap的弹出对话框遇到的问题_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:30人阅读

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;的内联样式试下

人气教程排行