javascript - 如何使除某些部分外的整个页面变黑?

标签 javascript jquery html css

我正在尝试制作一种效果,其中除了透明的特定部分外,整个页面都是黑色的。那部分将是一个随机移动的圆圈。现在,这个圆圈在页面上的任何位置,都可以看到圆圈下的内容,而整个剩余页面将保持黑色。

我在哪里?
我已经创建了脚本,可以在页面上随机移动圆圈,但我无法获得效果。不知道该怎么办。

请看下图。它会让您更好地了解我要实现的目标。 enter image description here

现在考虑这个透明圆圈在页面上随机移动(我已经为此编写了脚本)。 欢迎查看this fiddle .它会显示我在哪里。 谢谢..

最佳答案

这很简单,就是给移动的 div 添加一个巨大的盒子阴影。

不需要额外的元素。

无前缀的 CSS

box-shadow: 0 0 0 9999px black;

JSfiddle Demo

关于javascript - 如何使除某些部分外的整个页面变黑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25849977/

相关文章:

javascript - 创建点击进入实际 map 的 map 示例

Windows Phone 7 上的 JQuery Mobile 错误(使用 Zend)

javascript - 如何使用 jQuery 将 URL 中的斜杠更改为哈希值?

javascript - 如何在外部 Javascript 文件中使用 Firebase

javascript - 动态图片灯箱

java - jQuery 幻灯片淡入淡出内容

javascript - 如何在 Javascript 中使文本中的每个字母具有不同的随机颜色

jquery - getJSON 从表单内的按钮触发

wordpress - 外部视频播放器的 Z-index 问题

javascript - 在 .js 文件中访问 Nuxt 插件