如何讓瀏覽器在顯示彈出窗口時變暗

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