Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过模糊其余部分来突出显示网页的一部分?_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 如何通过模糊其余部分来突出显示网页的一部分?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个网站,我希望实现以下行为: 如果有人点击某个特定的项目(图像或swf),页面上的所有其他内容都会消失或模糊 这样,页面上唯一可见的东西就是刚才单击的东西 除了这一个div之外,所有的东西都可以改变吗 一般来说,通过将“选定”项的z索引设置为非常高的值,然后在覆盖整个页面且z索引略低于选定项的页面上添加一个position:fixed div来实现此效果。它通常被称为“模态div”。搜索“modal”和您选择的JS框架将返回许多可用的解决方案,几乎是现成的。一般来说,通过将“sele

我有一个网站,我希望实现以下行为:

  • 如果有人点击某个特定的项目(图像或swf),页面上的所有其他内容都会消失或模糊

  • 这样,页面上唯一可见的东西就是刚才单击的东西

    除了这一个div之外,所有的东西都可以改变吗


一般来说,通过将“选定”项的z索引设置为非常高的值,然后在覆盖整个页面且z索引略低于选定项的页面上添加一个position:fixed div来实现此效果。它通常被称为“模态div”。搜索“modal”和您选择的JS框架将返回许多可用的解决方案,几乎是现成的。

一般来说,通过将“selected”项的z索引设置为非常高的值来实现此效果,然后将position:fixed div添加到覆盖整个页面且z索引略低于所选项目的页面。它通常被称为“模态div”。搜索“modal”以及您选择的JS框架将返回大量可用的解决方案,几乎是现成的。

我想您需要一个modal。查看jqueryui对话框小部件的模式选项:


我想你想要一辆摩登。查看jqueryui对话框小部件的模式选项:


记住将
wmode=transparent
设置为flash/swf对象,以便浏览器对其进行“模糊”。记住将
wmode=transparent
设置为flash/swf对象,以便浏览器对其进行“模糊”。如果您选择的框架恰好是jQuery 1.3+,ColorBox非常可爱:如果jQuery 1.3+恰好是您选择的框架,那么ColorBox非常可爱: