Javascript Pnotify-在模式背景上显示通知

Javascript Pnotify-在模式背景上显示通知,javascript,css,twitter-bootstrap,pnotify,Javascript,Css,Twitter Bootstrap,Pnotify,我使用BootstrapJS来显示一个模式窗口,用户可以在其中添加一些值。 如果添加有问题,我想通过使用pnotify通知来通知它 到目前为止一切都很好,问题是pnotify通知出现在模式窗口的深色背景下,我希望它出现在上面 $.pnotify({ title: 'Regular Notice', text: 'Check me out! I\'m a notice.', nonblock: true,

我使用BootstrapJS来显示一个模式窗口,用户可以在其中添加一些值。 如果添加有问题,我想通过使用pnotify通知来通知它

到目前为止一切都很好,问题是pnotify通知出现在模式窗口的深色背景下,我希望它出现在上面

$.pnotify({
            title: 'Regular Notice',
            text: 'Check me out! I\'m a notice.',
            nonblock: true,
            history: false,
            delay: 60000
        });
这是它当前的显示方式:

我怎样才能做到这一点


谢谢

实际上,它与情态动词无关。这是因为您正在使用旧版本的pnotify和bootstrap2样式,并且它没有为默认通知分配css类,因此它没有任何背景

更新pnotify版本并设置
$.pnotify.defaults.style=“bootstrap3”


这里更新了。

我想添加
.pnotify ui{z-index:1041}
可以解决这个问题,因为bootstrap的模式使用
1040
作为z-index。@BradChristie Thx,但是如果你查看pnotify css,zindex设置为9999你是对的
opacity
似乎覆盖了
z-index
,但我不知道为什么。如果有人想玩jsFiddle:@bradcristie-weird-thig,如果您尝试设置类型:'success',它会正确显示在顶部-