Bootstrap-notify 带有模态面板的通知,出现在禁用模糊区域下方

Bootstrap-notify notification with modal panels , appears under the disables blurry area

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

z_index 属性似乎很神奇。如果我们将它增加到更高的值,如 2000 或 3000(默认值为 1031),通知将移动到前景(模式面板禁用区域上方)。我仍然不知道这些数字是什么以及它们来自哪里。

只需给 z_index 设置一个更高的值。

例如,试试这个代码:

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