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

我经常遇到这样的网站：点击What's This或Gallery链接，在原始页面前弹出一个窗口，使原始页面变暗

这是一个花哨的AJAX技巧吗

它是否仅在某些浏览器中受支持

---

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

这只不过是添加一个覆盖整个屏幕的

，并给它一个黑色背景。jQuery的UI库将自动为您处理此问题

或者，您也可以使用基本的HTML/CSS/jQuery，如下所示：

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

---

我相信这项技术被称为“lightbox”。@Blorgbeard:lightbox是一个JS插件的名称，它允许使用问题中描述的“暗淡”效果直接在页面上显示更大版本的图像。但这不是效果本身的名称。。。另一个具有更多叠加效果。希望有帮助。

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

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