itsm-whlg/wechat/pcreq/assets/views/directives/tpl/alertBar.1.html

<style>
    .mask {
        /*position: absolute;*/
        position: fixed;
        /*position: relative;*/
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=60);
        background-color: #777;
        z-index: 0;
        background: rgba(0, 0, 0, .3);
        /*opacity: 0.5;*/
        /*-moz-opacity: 0.5;*/
        /*background: gray;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 20;
        filter: alpha(opacity=60);
        opacity: 0.6 !important;*/
    }
    
    .md {
        width: 300px;
        height: 300px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -150px;
        border: 1px #000 solid;
        z-index: 9999 !important;
        text-align: center;
        background-color: white;
    }
    
    .mc {
        /*line-height: 270px;*/
    }
</style>
<!--<div class="alert alert-{{type || 'info'}}" ng-show="message">-->
<div class="alert mask" ng-show="message">
    <div class="md">
        <h1 class="mc">{{message}}</h1>
        <input type="button" class="bt1" id="button" value="确 定" ng-click="hideAlert()">

    </div>
</div>