jQuery的對話框背景變化

的 jQuery UI dialog overlay jQuery的對話框背景變化

重複使用了不同的jQuery的對話框。對於一些對話框，我想要一個透明的背景。如果我更改.ui-widget-overlay類中的背景CSS，則它將應用於所有對話框。

如何爲不同的對話框設置不同的背景顏色？

我寫了下面的代碼，但它仍然以階級「的.ui小部件疊加」

$("#dialog_empty").dialog({  
    dialogClass:'transparent',      
    resizable: false, 
    draggable: false, 
    modal: true,     
    height: 0, 
    width: 0, 
    autoOpen: false, 
    overlay: { 
     opacity: 0 
    } 
}); 

$('#dialog_empty').dialog('open'); 
$('#dialog_empty').css('display','');

來源

2009-12-11 shaz

您需要使用的背景！重要的 css優先考慮您的css優於對話框的原始對於給定的css代碼。這裏有一個例子：

<style> 
    .mybg 
    background:#ff0000 !important; 
</style>

現在你需要mybg類適用於對話。

來源

2009-12-11 10:50:29 Sarfraz

現在我已經學會了一些真正的重要=）感謝解釋這個關鍵字的作用。爲了實現jQuery UI對話框背景透明度，我已經環顧了大約兩天，並且通過這個，我已經能夠實現它！ =） – 2013-02-13 20:21:55

下面這行代碼將給所有透明類設置透明背景的對話框，我相信這是你想要的。

$('.transparent').css('background-color','transparent')

你明顯可以通過用顏色替換透明或用另一個類代替.transparent來修改它。

來源

2009-12-11 11:16:28

jQuery的對話框背景變化

回答

相關問題