如何讓我的對話框覆蓋整個屏幕？

我正在關注這個角燈箱教程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位置absolutes ...所以，無論如何，我可以使模態框覆蓋整個屏幕，同時保持我的父div的位置絕對？

來源

2014-02-15 Grammin

你可以創建一個小提琴？ –

嘗試在腳本中設置模態大小... – Codexer

我無法重現您的問題，可能包括您的CSS或提供重新創建問題的小提琴。 –

嘗試添加該到你的CSS

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

希望這有助於...............

來源

2014-02-15 08:03:22 winnyboy5

如何讓我的對話框覆蓋整個屏幕？

回答

相關問題