Transparente jQuery UI Dialog

Question

weiß jemand, wie man den ui Dialog transparent macht?

Answer 1

eine Klasse erstellen:

.transparent_class { 
     filter:alpha(opacity=50); /* for IE4 - IE7 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ 
     -moz-opacity:0.5; 
     -khtml-opacity: 0.5; 
     opacity: 0.5; 
    } 

und fügen Sie diese Klasse Ihrem UI-Element hinzu. Lesen

mehr über MS IE-Filter auf their blog.

Answer 2

Erstellen Sie einfach einen Stil wie den folgenden und verwenden Sie die Option dialogClass für die Dialoge, die einen transparenten Hintergrund haben sollen. Natürlich können Sie mehrere Arten machen und in was auch immer Sie wollen

<style type="text/css" media="screen"> 
    .transparent { background:transparent } 
</style> 

//make dialog with transparent background 
$("#dialog").dialog({dialogClass:'transparent'}); 
//make default dialog 
$("#dialog2").dialog(); 

prüfen Demo-Seite übergeben: jsBin (Grund jquery, jQuery UI, jQuery UI CSS + benutzerdefinierte CSS transparent Klasse)