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

Question

是否可以将背景渐变为黑色，并在中心弹出div对话框。例如

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

Answer 1

你可以在这里查看：

https://stackoverflow.com/a/8460531/3291093

发布时间：

HTML：

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

CSS：

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;
}

JS：

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