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

时间：2015-10-20 20:56:24

标签： javascript jquery html css

以下是我尝试做的事情： 一个在另一个下面有2个div。底部是显示图像，而上一个是白色。

在悬停时，我希望隐藏白色，以便我们可以看到下面的那个，其不透明度为0，因此它是透明的。

事情是，它应该只显示该div的一部分，在它周围有一个透明的渐变圆，遵循鼠标的过程。

enter image description here

enter image description here

不要介意白色矩形，它是关于背景的：UP div是白色全屏div，而底部是天空，当用鼠标盘旋时我们只会看到天空的一部分。

你们有没有想过如何使用HTML，css和/或JQuery？ ：/

1 个答案:

答案 0 :(得分：0)

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

然后使用onHover =＆＃34;脚本......＆＃34;你设置了上部div的位置

两个div必须具有绝对定位，因此一个位于另一个

的顶部
相关问题
最新问题