Javascript 让淡出的背景和对话框弹出

是否可以使背景淡入黑色，并在中心弹出一个div对话框。e、 g

<div id=dialog style='position:fixed'>hello</div>

你好 您可以在此处查看：

如贴所示：

HTML:

JS:

<a id="some-button" href="#">click me</a>
<div id="overlay-back"></div>
<div id="overlay"><span>YOUR HTML GOES HERE</span></div> 

html, body {
    width  : 100%;
    height : 100%;
}
#overlay-back {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #000;
    opacity    : 0.6;
    filter     : alpha(opacity=60);
    z-index    : 5;
    display    : none;
}

#overlay {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    display  : none;
}

$('#some-button').on('click', function () {
    $('#overlay, #overlay-back').fadeIn(500);
});