Question

我正在关注这个角灯箱教程here。当我将按钮放在div中时，灯箱只会扩展到div的大小。我的代码看起来像：

<div class='newPen'>
  <div ng-app='mean.items' ng-controller='MyCtrl'>
    <button ng-click='toggleModal()'>Open Modal Dialog</button>
    <modal-dialog show='modalShown' width='1000px' height='1000px'>
      <p>Modal Content Goes here<p>
    </modal-dialog>
  </div>
</div>

但灯箱只显示在div中。如何让我的灯箱出现在整个页面上？

如果您需要更多信息，请与我们联系。

编辑：

这是我制作的jsbin。在示例中，由于位置绝对，模型框变得混乱。问题是在我的代码中我有一堆绝对的css位置...所以我还能在模式框覆盖整个屏幕的同时保持我的父div的绝对位置吗？

Answer 1

尝试将此添加到您的css

.ng-modal-dialog {
  width: 100% !important;
  height: 100% !important;
}

希望这有助于...............

如何让我的对话框覆盖整个屏幕？

1 个答案: