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

时间:2010-09-20 22:17:23

标签: javascript jquery html css

我有一个网站,我想要达到以下行为:

  • 如果有人点击特定项目(图片或swf),页面上的其他所有内容都会消失或模糊。
  • 这样,页面上唯一可见的就是点击的东西

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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