Buscamos en distintos sitios y así darte la solución a tu inquietud, si tienes inquietudes déjanos tu comentario y te contestaremos con mucho gusto.
Solución:
Acabo de tener el mismo problema. Necesitaba el CSS, pero no lo quería todo. Así que simplemente copié y pegué esta parte en mi propio código CSS:
.ui-widget-overlay
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #aaaaaa;
opacity: 0.3;
Probablemente solo necesite incluir jQuery UI CSS en su página.
Google tiene esto en su CDN aquí:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css
La opción modal en el cuadro de diálogo crea una superposición debajo de su cuadro de diálogo pero sobre el resto del contenido. Esta superposición necesita jQuery UI CSS para funcionar correctamente.
Agregar solo .ui-widget-overlay a su css hará que la superposición aparezca en la parte superior completa, e incluso el cuadro de diálogo no se podrá utilizar.
Por lo tanto, también se debe agregar la clase .ui-front:
.ui-widget-overlay
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
.ui-front
z-index: 100;
Valoraciones y reseñas
Tienes la posibilidad comunicar este enunciado si te fue útil.