javascript - 如何通过模糊其余部分来突出网页的一部分?

标签 javascript jquery html css

我有一个网站,我想在其中实现以下行为:

  • 如果有人点击特定元素(图片或 swf),页面上的其他所有内容都会消失或模糊。

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

    除了这个 div 之外,是否可以更改所有内容?

最佳答案

一般来说,这种效果是通过将'selected'项的z-index设置为很高的值,然后在页面中添加一个position:fixed div,覆盖整个页面,z-index刚好低于所选元素。它通常被称为“模态 div”。搜索“模态”以及您选择的 JS 框架将为您返回许多几乎开箱即用的可用解决方案。

关于javascript - 如何通过模糊其余部分来突出网页的一部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3755929/

相关文章:

javascript - 如何使用 JavaScript 更改背景颜色?

javascript - 如何在javascript中创建进度条以及如何在网页页面加载时使用它?

javascript - 在 javascript 确认上单击否时停止将页面转发到 servlet

android - 如何使元素之间的边距在方向上相同?

java - 如何将这个 <input type ="text"name ="name[]"value =""/> 从html传递到jsp

css - 无法将 div 设置为 100% 高度

javascript - Azure 的认知服务情感 API 返回 404

javascript - 使用 Vue Router 时 Laravel 路由不起作用

javascript - 循环内第一个 div 的弹出内容

javascript - 检查文档是否准备好