如何爲v1.8x設置jQueryUI對話框的背景

Question

我想提供一個呈現爲基於jQueryUI的對話框對象背景的.png。 This posting references the use of an 'overlay:' parameter但在當前文檔中未列出「覆蓋」。

目前實現這種效果的方法是什麼？

thx

Answer 1

您可以使用CSS完成此操作。只需在div上設置一個background-image: url(...)，然後將其作爲對話框（here的更多內容約爲background-image）。

下面是一個例子：http://jsfiddle.net/andrewwhitaker/S5pmw/

編輯：只是looking at the 1.6 code，它看起來像你可以指定（如果指定模式），在出現的對話框後面的overlay CSS規則。它不控制對話框本身的實際背景，看起來這個選項在1.7（3）中被刪除。 Here是關於該選項的相關jQuery論壇主題。摘錄：

疊加選項 贊成你的 樣式表定義樣式被去除。覆蓋div有一個 類的ui-widget-overlay。

所以要完成overlay選項給你的行爲，你只需要定義ui-widget-overlay CSS規則。