How to make jQuery modal overlay up to 100% transparent?

Question

How can a jQuery modal overlay (dark transparent background) make it 100% transparent so that it does not appear on the screen at all?

Answer 1

You can set the parameter Opacityto 0.

$("#yourdialog").dialog({ 
        modal: true, 
        overlay: { 
            opacity: 0, 
            background: "black" 
        } 
    })

Kindness,

Dan

Answer 2

For those who have recently read this, the option has overlaybeen removed. You have to do this with CSS canceling now

.ui-widget-overlay { 
   opacity: 0;
   filter:Alpha(Opacity=0); 
}

Or if you want it to be a bit transparent, something like this

.ui-widget-overlay { 
   opacity: 0.2;
   filter:Alpha(Opacity=20); 
}