具有模态面板的Bootstrap-notify通知显示在禁用模糊区域下方

Question

我有一个用于登录/注册操作的模态面板,如果使用bootstarp-notify登录失败,我会通知,但通知会出现在模态面板的模糊(禁用区域)之外.我想知道如何将我的通知附加到我的模态面板或(这对我来说是一个更好的解决方案)如何在前台显示通知而不是在模糊禁用屏幕下.我检查了bootstarp-notify 文档中的" element "参数,但我无法找到应该如何使用它.我应该使用jquery选择器指出元素或只是id或名称.

Answer 1

只需给出z_index设置更高的值.

例如,尝试以下代码:

$.notify({
    // options
    message: 'Error message goes here' 
},{
    // settings
    type: 'danger',
    z_index: 2000,
});

Answer 2

似乎z_index属性做了魔术.如果我们将它增加到更高的值,如2000或3000(默认值为1031),通知将移至前台(模态面板上方禁用区域).我仍然不知道这些数字是什么以及它们来自哪里.