我有一个网站,我想在其中实现以下行为:
如果有人点击特定元素(图片或 swf),页面上的其他所有内容都会消失或模糊。
这样页面上唯一可见的就是刚刚被点击的东西
除了这个 div 之外,是否可以更改所有内容?
最佳答案
一般来说,这种效果是通过将'selected'项的z-index设置为很高的值,然后在页面中添加一个position:fixed div,覆盖整个页面,z-index刚好低于所选元素。它通常被称为“模态 div”。搜索“模态”以及您选择的 JS 框架将为您返回许多几乎开箱即用的可用解决方案。
关于javascript - 如何通过模糊其余部分来突出网页的一部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3755929/