[jquery-ui] Dialog, ustawienie overlay Opcje

[ir3nicus]

Witam, zainstalowałem sobie jquery UI Dialog i chce ustawić lekko czarne tło w tle jak załaduje mój Dialog.

Oto fragment kodu js:

[HTML] pobierz, plaintext 
 
    $('.usuwanie').click(function() {
	    	$("#deleteUser").dialog('open').data('link', this);
	    	return false;
	    });
 
 
 $("#deleteUser").dialog({
	    	autoOpen: false,
 
  	    	dialogClass: 'dialogowy',
  	    	modal: true,
  	    	width: 300,
  	    	height: 150,
  	    	resizable: false,
  	    	buttons: {
	          "Tak": function() {
	        	  $(this).dialog('close');
	        	  var path = $(this).data('link').href;
	        	  $(location).attr('href', path);
	        	  return false;
	          }, 
	          "Nie": function() { $(this).dialog("close"); return false; } 
	        },
 
	        open: function(event, ui) { 
	        	$(".ui-dialog-titlebar-close").hide();
	        	$(".ui-widget-overlay").addClass('sb');
	        	$("button").addClass('button');
	        	$(".ui-widget-overlay").attr('style', 'background-color: #000; opacity: 0.6; ');
	        }
 
	    });
 
[HTML] pobierz, plaintext 

Probuje tutaj dwukrotnie nadać jakiś background dla tła:

[HTML] pobierz, plaintext 
$(".ui-widget-overlay").addClass('sb');	
$(".ui-widget-overlay").attr('style', 'background-color: #000; opacity: 0.6; ');
 
... css....
 
 
.sb { background: #000; position: relative; width: 100%; height:100%; z-index: 5;  }
 
[HTML] pobierz, plaintext 

Lecz nic nie działa żaden z nich.
W css mam ustawione dla tej klasy ostylowanie:

[HTML] pobierz, plaintext 
 
.dialogowy .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dialogowy .ui-widget-overlay { background: #000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
 
 
[HTML] pobierz, plaintext 

Czy we ktoś czemu tło nie jest czarne pod dialogiem? Jakie mogą być przyczyny tego że to nie działa?