javascript - 他们是一种让一个 div 只在另一个 div 中可见的方法吗?

标签 javascript jquery html css

问题不言自明。我想在暗室效果的绘画上创建一种手电筒。我唯一的想法是创建一个包含整个屏幕的 div,除了另一个 div 所在的孔,但感觉没有必要。下面是我要描述的示例。

example

用户看不到划掉的区域,除非您将其移动到灰色的 div 中。我只想能够操纵更大的黑色 div。

最佳答案

您需要 2 个 div。一个包含变暗的图像,一个包含变亮的图像。深色图像div可以是100%的宽度和高度,BG应该缩放以适应。

光图像 div 可以是任何大小。它的背景应该缩放到与深色图像相同的比例(非常重要)。然后 onmousemove 你可以将灯光 BG 设置到与 div 的 x,y 位置相反的位置。如果 div 为 100,50,则 bg 需要为 -100,-50。

http://jsfiddle.net/gunderson/rG8zF/

关于javascript - 他们是一种让一个 div 只在另一个 div 中可见的方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24940084/

相关文章:

javascript - 将变量放入 Jquery 选择器中

javascript - fs.unlink() 可以删除空文件夹或非空文件夹吗?

javascript - 如何在不影响指定颜色顺序的情况下对 D3 中的数组进行排序

jquery - 如何使用 jQuery 将同一个处理程序绑定(bind)到多个事件

c# - 根据数据库动态改变div的颜色

html - 使用 VBA 操作 IE 以登录和预订类(class)

javascript - 由于神秘错误,我无法将 Node.js 部署到 Heroku

javascript - 多多边形 SVG 选择(填充颜色)和蒙版导出到图像

javascript - 如何将警报值添加到元素

html - CSS anchor 标签查询