Bootbox和css类：z-index奇怪的行为

Question

我已经设置了一个css类：

.on-top-bootbox-alert-2 {
    z-index: 9999;
}

但是当我在Chrome开发人员视图中检查代码时，我得到了html：

和css：

我不明白为什么z-index的值与main.css中定义的类不同。

角度来源是：

bootbox.confirm({
                message: "Confirmez-vous l'envoi de la demande de CRA ?",
                backdrop: false,
                className: "on-top-bootbox-alert-2",
                buttons: {
                    confirm: {
                        label: 'Oui',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'Non',
                        className: 'btn-danger'
                    }
                }