Question

在我的网页上的 S1 屏幕上，我打开了一个带有 md-dialog 的全视图，然后点击全视图上的某个按钮（同时md-dialog已激活）我使用 md-toast 弹出一条消息。

在吐司消息开始之后，全视图变得透明并且主要显示原始屏幕 S1 （带有一些按钮和全视图屏幕中的文本）。

即使按下吐司盒上的某个按钮以解除吐司，吐司消息也会消失，但全景屏幕仍然是透明的。

在没有 md-dialog （例如在屏幕 S1 上）的普通屏幕上弹出烤面包效果很好。

我发现在检查元素时（在 Chrome 上） - ＆gt;样式{c} .md-dialog-container下，position:absolute被检查，但取消选中并检查后， md-dialog 全景看起来很好而且不再透明了（也许它可以帮助解决问题和正确解决方案）。

.md-dialog-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden; }

我的服务文件（角度）的清除：

@Inject('$mdDialog') private $mdDialog:  angular.material.IDialogService,<br>
@Inject('$mdToast') private $mdToast: ng.material.IToastService,

我试图在 md-dialog / md-toast 中找到类似的问题或错误，但找不到与我的问题相关的内容。

Firefox 上也有相同的行为。

md-toast使md-dialog变得透明

0 个答案: