У меня проблема с модальным диалогом css и angular 5 - PullRequest
Новая
       20

У меня проблема с модальным диалогом css и angular 5

0 голосов
/ 05 сентября 2018

У меня проблема с модальным диалогом. когда появляется модальное диалоговое окно, почему элемент позади модального окна по-прежнему выглядит как форма и кнопка, все еще можно нажать. это должно быть, когда модал появляется элемент позади него нельзя щелкнуть правильно?

вот HTML: 

<app-dialog [(visible)]="testingModal">
<div class="alert">
  <img class="gagal" src="assets/images/i-clear.png">
  <div class="msg-info">yeyeye lalalla</div>
</div>
<a 
  href="javascript:void(0);" 
  (click)="closeModal()" 
  class="btn-dialog-ok">
  CLOSE
</a>

И CSS: 

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  pointer-events: none;
  cursor: none;
  width: 100%;
}

.dialog {
  z-index: 3000;
  width: 32%;
  height: auto !important;
  position: fixed;
  margin: 12% auto;
  border-radius: 1em;
  background: #fff;
  color: #444;
}
...