将对话框的覆盖边界限制为仅位于包含该对话框的一个布局单元内
我正在使用 primefaces dialog （使用 modal=true）。我需要将对话框的覆盖限制在一个包含它的 layoutUnit 内不要将覆盖层展开到整个页面（其中包含多个 layoutUnit）。
I am using primefaces dialog (with modal=true). I need to restrict the overlay of dialog box to be within one layoutUnit which contains it & do not spread the overlay on the entire page(which contains several layoutUnits).
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可能必须创建自己的模式叠加层，并在显示对话框时显示它。
您需要为 div 文件创建一个样式表类，将其分布在父容器中，将其
zindex设置为比该布局单元中除对话框之外的任何其他值都高的数字，并且您可能会想要将其不透明度设置为您选择的值。在显示对话框的 javascript 中，您还需要进行 jQuery 调用来显示叠加层。
对于隐藏对话框的 JavaScript，您需要执行与上面相同的操作，除了将
display样式设置为none之外。You will likely have to create your own modal overlay display it when you show the dialog.
You will need to create a stylesheet class for a div file that spreads it across the parent container, sets its
zindexto a number higher than anything else in that layout unit except for the dialog, and you will probably want to set itsopacityto a value of your choosing.In the javascript that displays your dialog you will also need to make a jQuery call to display your overlay as well.
The javascript that hides your dialog you will want to do the same thing as above except set the
displaystyle tonone.