1. 首页
  2. 问答
  3. 隐藏悬停图像的一部分

隐藏悬停图像的一部分

2015-10-20 94 views
-4

这是我想要做的： 有2个div在一个之下。最下面的是显示图像，最上面的是白色。隐藏悬停图像的一部分

悬停时，我想让白色的人隐藏起来，这样我们就可以看到下面的那个，就像它的不透明度降到0一样，因此透明。

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

enter image description here

enter image description here

不介意白色矩形，它是关于背景：向上DIV将是一个白色的全屏DIV，而底部一个是天上，并与徘徊时老鼠，我们只会看到天空的一部分。

你们有什么想法我可以做到这一点，使用HTML，CSS和/或JQuery？ ：/

来源

2015-10-20 Thaddé Méneur

+0

呃顶部...白+不透明度0.5内侧阴影变？在那里，我给了一个提示。去编写代码。 – Joseph

+0

谢谢你的回答！ 事情是，我不知道我可以应用这些属性，因为它应该遵循用户的鼠标... –

回答

0

一个解决办法是使用白色PNG在它的透明梯度孔作为上部div的背景

然后用onHover选项=“脚本...”你设定的上div的位置

双方的div必须有绝对的定位使一个在另一个

来源

2015-10-20 21:08:37

相关问题

 相关问题