jquery-ui - 如何设置jQueryUI Dialog for v1.8x的背景

Question

我想提供一个呈现为基于 jQueryUI 的对话框对象背景的 .png。 This posting references the use of an 'overlay:' parameter但当前文档中未列出“覆盖”。

目前实现这种效果的方法是什么？

谢谢

Answer 1

您可以使用 CSS 来完成此操作。只需在 div 上设置一个 background-image: url(...) 即可进入对话框( here 更多关于 background-图片).

这是一个例子:http://jsfiddle.net/andrewwhitaker/S5pmw/

编辑只是looking at the 1.6 code ，看起来您可以为出现在对话框后面的 overlay 指定 CSS 规则(如果您指定模态)。它不控制对话框本身的实际背景，看起来这个选项在 1.7(3) 中被删除了。 Here是关于该选项的相关 jQuery 论坛帖子。摘录:

The overlay option was removed in favor of defining styles in your stylesheet. The overlay div has a class of ui-widget-overlay.

因此，要实现 overlay 选项为您提供的行为，您只需为 ui-widget-overlay 定义 CSS 规则。