Question

是否可以将叠加层添加到modal: false的对话框中？也许在外部阶级的帮助下......

真的需要它！

谢谢！

Answer 1

您可以尝试添加div作为正文的第一个元素，并在打开对话框时显示它。这是该div的示例CSS。这将创建一个覆盖整个页面的div，黑色，不透明度为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>

jQuery UI对话框：如何使用`modal：false`选项添加叠加层？

1 个答案: