如何让浏览器在显示弹出窗口时变暗

Question

我经常遇到站点响应点击“这是什么”或“图库”链接，在原始页面前弹出一个窗口，原始页面变暗。

这是一个奇特的AJAX技巧？

它是否只能在某些浏览器中被支持？

而最重要的是，它是如何完成的？

Answer 1

这只不过是增加一个覆盖整个屏幕的<DIV>，并给它一个黑色的背景。 jQuery的用户界面库会自动为你处理。

​​

或者你可以用基本的HTML/CSS/jQuery的是这样做的：

div.modal-bg { 
    background:#000; 
    position:fixed; 
    top:0; left:0; 
    width:100%; 
    height:100%; 
    z-index:10; 
} 

<div class="modal-bg"></div> 

$(function(){ 
    $("div.modal-bg").fadeTo("slow", .5); 
});