如何通过模糊其余部分突出显示网页的一部分？

Question

我有一个网站，我想要达到以下行为：

• 如果有人点击特定项目（图片或swf），页面上的其他所有内容都会消失或模糊。

• 这样，页面上唯一可见的就是点击的东西

  除了这一个div之外，这可能会让一切都改变吗？

Answer 1

一般来说，这种效果是通过将'selected'项的z-index设置为一个非常高的值，然后将position：fixed div添加到覆盖整个页面的页面并且只有z-index来实现的。低于所选项目。它通常被称为“模态div”。搜索“模态”以及您选择的JS框架将为您提供一些开箱即用的可用解决方案。

Answer 2

我想你想要一个模态。查看jqueryui对话框小部件的模态选项：

http://jqueryui.com/demos/dialog/#modal