模态警报

Question

我试图在模态顶部显示此警报，但无法使其正常工作。相反，它显示在模态后面。

html：

    <alert class="alertmessage" ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">
            <small>{{alert.msg}}</small>
    </alert>

CSS：

    .alertmessage {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 300px;
        margin-left: -150px;
        margin-top: -100px;
        text-align: center;
        z-index: 99999 !important;
        outline: 9999px solid rgba(0,0,0,0.8);
        border-radius: 0px;
    }

模态 CSS 是这样的：

    element.style {
        z-index: 1040;
        display: block;
    }

我缺少什么？我想在模态框顶部看到警报。

Answer 1

这是适合您的更新版 Fiddle。 http://jsfiddle.net/benxmf5y/5/

我所做的唯一更改是添加

z-index: 999999;