Alert over Modal

Question

Я пытаюсь показать это предупреждение поверх Modal, но не могу заставить его работать. Вместо этого он показывает за Модалом.

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; 
    } 

Что мне не хватает? Я хочу увидеть предупреждение, появившееся поверх Modal.

Answer 1

Вы можете попробовать поставить код предупреждения в div внутри самого модального div и сохранить его скрытым, а затем активировать оповещение при необходимости. Если предупреждение находится внутри модального кода, то оно обязательно будет выше модального.

Answer 2

Вот обновленный Fiddle, который работает на вас. http://jsfiddle.net/benxmf5y/5/

Единственное изменение, которое я сделал, чтобы добавить

z-index: 999999;