How can I make a jQuery UI Dialog Modal during the show-effect? -

I have a jQuery UI dialog, this is the model and a bounce effect shows that I use such a theme Where the background is blurred from the striped image, the dialogue opens for the first time, the striped background also covers the dialogue during bounce effect. After the bounce effect ends, the dialog becomes modal and appears in front of a striped background. When next opens, bounces the dialog right in front of the background.

How can I show dialogue in front of the background now?

Dialog & lt; Have been wrapped in.

Div class = "ui-effect-wrapper" & gt; which is ready to make an impact in the UI. Effects.core.js I added a parameter "z-index = 1005" (to make sure only).

Then it looks like this in jquery-ui-1.7.2.custom.min.js

  createWrapper: function (f) {if (f parent () .is (".ui-effects-wrapper")) {return f.parent ()} var g = {width: f.outerWidth (true), "z-index": 1005, height: f.outerHeight (true ), "Float": f.css ("float"); F.wrap ('& lt; div class = "ui-effects-wrapper" style = "font-size: 100%; limit: none; margin: 0; padding: 0; z-index: 1002" & gt; & Lt; / div & gt; ');  

Make sure this is the best way, but it works.