如何为v1.8x设置jQueryUI Dialog的背景

时间:2011-01-14 13:05:55

标签: jquery-ui

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

实现这种效果的当前方法是什么?

THX

1 个答案:

答案 0 :(得分:4)

您可以使用CSS来完成此任务。只需将您正在制作的background-image: url(...)上的div设置为对话框(here,更多关于background-image)。

以下是一个示例:http://jsfiddle.net/andrewwhitaker/S5pmw/

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

  

已删除叠加选项   赞成在你的风格中定义风格   样式表。 overlay div有一个   ui-widget-overlay类。

因此,要完成overlay选项为您提供的行为,您只需要为ui-widget-overlay定义CSS规则。