Javascript 在一组弹出框上显示引导模式

Javascript 在一组弹出框上显示引导模式,javascript,jquery,twitter-bootstrap,bootstrap-modal,bootstrap-popover,Javascript,Jquery,Twitter Bootstrap,Bootstrap Modal,Bootstrap Popover,我有一个jsf页面和一些引导弹出窗口。这些弹出框是可拖动的,使用jQuery即可 当我点击一个按钮来显示一个模式时,它会显示在屏幕上,但是弹出框会一直显示在模式上。这是一张说明我的事情的图片 我意识到在bootstrap.css上,popover的z索引大于modal(第一个是1060,第二个是1050)。我试图改变模态的z-指数,设置一个更大的值,但没有成功 所以,我想知道是否有人刚刚遇到了这个问题。这肯定与z指数有关。使用浏览器的检查器确定是否真正应用了z索引。如果不是,可以将属性设置为“

我有一个jsf页面和一些引导弹出窗口。这些弹出框是可拖动的,使用jQuery即可

当我点击一个按钮来显示一个模式时,它会显示在屏幕上,但是弹出框会一直显示在模式上。这是一张说明我的事情的图片

我意识到在bootstrap.css上,popover的z索引大于modal(第一个是1060,第二个是1050)。我试图改变模态的z-指数,设置一个更大的值,但没有成功


所以,我想知道是否有人刚刚遇到了这个问题。

这肯定与z指数有关。使用浏览器的检查器确定是否真正应用了z索引。如果不是,可以将属性设置为“重要”:

.modal {
  z-index: 2000 !important;
}

如果您可以成功覆盖CSS样式(哪个位置、选择器的具体程度等),则始终取决于上下文。

修改后是否再次检查索引?如果它在实际执行中受到影响,或者您使用的是jQuery draggable,那么您可能需要对此进行研究。z索引可以由jQuery设置$(“.selector”).draggable({zIndex:100});我的错。我正在编辑bootstrap.css,但在我的页面上包含bootstrap.min.css