Oscurecer fondo al abrir POPUP

[martin0290]

Hola gente, leí bastante ya intente de muchas formas y no hay caso, quiero que al abrir un popup se oscurezca el fondo , miren el popup se abre asi:

Codigo para abrir:

Código:

<script type="text/javascript">
function showBlock() {
$(function(){

    $('#Block').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,

    });
});
}
</script>

Ahora creo un DIV contenedor, donde esta lo de adentro del popup:

Código:

<div id="Block" title="Registrarse/Entrar" style="display:none;" >

{el codigo}

</div>

Y finalmente lo llamo asi:

Código:

<a class="Block" href="#" onclick="showBlock(); return false;" class="mainlevel">INICIAR SESION</a>

Como haría para oscurecer el fondo al abrirse este popup?

Saludos espero que me puedan ayudar =)

[walterdevel]

Primero que todo, no es un popup lo que usás, sinó un modal. Y para oscurecer el fondo, tenés que tener un div con menor zindex que block y ocupe toda la pantalla y además esté oculto.

Si estás usando jquery ui, como creo, lo que tenés que hacer es agregar modal: true a la declaración de dialog:

Código Javascript:

<script type="text/javascript">
function showBlock() {
$(function(){
 
    $('#Block').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
        modal: true
    });
});
}
</script>