Javascript 悬停时隐藏图像的一部分

以下是我想做的： 有两个分区，一个在另一个下面。底部的一个显示图像，上面的一个是白色的

在悬停状态下，我希望白色的那个隐藏起来，这样我们就可以看到下面的那个，它的不透明度降低到0，所以它是透明的

问题是，它应该只显示div的一部分，周围有一个透明的渐变圆，跟随鼠标的轨迹

不要介意白色矩形，它是关于背景的：上方的div是一个白色的全屏div，而下方的div是天空，当鼠标悬停时，我们只能看到天空的一部分

---

你们知道我如何使用HTML、css和/或JQuery做到这一点吗/

一种解决方案是使用带有透明渐变孔的白色PNG作为上div的背景

然后使用onHover=“script…”设置上div的位置

---

两个div必须具有绝对位置，以便一个位于另一个div的顶部

Erm。。。白色的内部阴影+不透明度0.5？在那里，我给了一个暗示。继续写代码。谢谢你的回答！问题是，我不知道我可以应用那些属性，因为它应该跟随用户的鼠标。。。