ngDialog黑色遮罩覆盖对话框

Question

ngDialog黑色遮罩覆盖对话框

12

我正在尝试使用AngularJS ngDialog插件制作一个简单的弹出对话框。它基本上可以工作，但当对话框出现时，它开始是白色的，但很快就会淡入深色背景。我认为这是某些CSS冲突造成的，但我可以在下面的非常简单的HTML中重现这个问题。提前感谢任何建议。

<html>
  <head>
    <title>Dialog Test</title>
    <link href='/assets/ngDialog/css/ngDialog.css' rel='stylesheet'>
    <script src='/assets/angularjs/angular.js'></script>
    <script src='/assets/ngDialog/js/ngDialog.js'></script>
    <script>
      angular.module('dialogTest', ['ngDialog']);
    </script>
  </head>
  <body ng-app='dialogTest'>
    <button ng-dialog='MY_DIALOG.html'>
      Dialog...
    </button>
  </body>
</html>

- Franz Amador

如果您无法使用简单示例复制此操作，则很可能会有其他 CSS 覆盖规则，例如 z-index... 您可以检查覆盖层上的样式以查看是谁在执行什么操作。 - PSL

抱歉！能否创建一个 Plunker？ - PSL

哎呀，Plunker 无法工作。我以前从未使用过它，而且 Angular 出现了错误。 - Franz Amador

6

我解决了（我的原问题，不是Plunker）：我还需要包括ngDialog的ngDialog-theme-default.css。感谢您查看这个问题。 - Franz Amador

请在评论中发布您的答案，以便可以选择正确的答案。 - user9903

显示剩余3条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Franz Amador · Accepted Answer

我弄明白了（我的原始问题，而不是plunker的问题）：我还需要包含ngDialog的ngDialog-theme-default.css。感谢您的关注。