0

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

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

$.pnotify({
            title: 'Regular Notice',
            text: 'Check me out! I\'m a notice.',
            nonblock: true,
            history: false,
            delay: 60000
        });

这是它目前的显示方式： http ://screencloud.net/v/ihln

我怎么能做到这一点？

谢谢！

4

2 回答 2

1

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

更新您的 pnotify 版本并设置$.pnotify.defaults.styling = "bootstrap3";

这是更新的小提琴。

于 2014-04-08T07:56:08.790 回答
0

只需添加另一个类并将您的 z-index 设置为 10000 甚至更多。它为我解决了

// My CSS
.always{z-index: 100000; padding: 0px; margin: 0px }


//Notify 
new PNotify({
        title: 'Error Sending!',
        text: 'You must enter a mobile number or email to continue',
        type: 'error',
        addclass: 'stack-bar-top',
        addclass: 'always',
        width: "100%"
    });
于 2021-09-09T11:33:17.657 回答