jQuery UI對話框：如何用`modal：false`選項添加疊加層？

是否可以添加覆蓋到與modal: false對話？也許在外部級的幫助下...jQuery UI對話框：如何用`modal：false`選項添加疊加層？

真的需要它！

謝謝！

2011-12-24 Vitali Ponomar

我很好奇你爲什麼不使用'modal：true'選項？ – Virendra 2011-12-24 22:05:11

因爲當對話框高度超過窗口高度時，它會阻止瀏覽器滾動條，而不是模態狀態不會... – 2011-12-24 22:08:20

您可以嘗試將div添加爲正文的第一個元素，並在打開對話框時顯示它。這是該div的示例CSS。這將創建一個覆蓋整個頁面的黑色，不透明度爲70％。您必須根據對話框的z-index調整z-index，並使用jQuery UI對話框的open事件來使該div可見。

.overlaydiv{ background-color: #000000; display: none; height: 100%; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); left: 0%; position: fixed; top: 0%; width: 100%; z-index:1001; }

確保在開始標記後面加一個div，否則它不會覆蓋整個頁面。

<body> 
<div class="overlaydiv"></div> 
... 
</body>

來源

2011-12-24 22:25:16 Virendra

jQuery UI對話框：如何用`modal：false`選項添加疊加層？

回答

相關問題