Question

我正在尝试创建悬停时颜色叠加消失的情况。我已经在一个小提琴中复制了here。

网站上使用的Css是

.rev_slider .custom-hover:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0,255,255, 0.5);
 transition: all .3s linear;
}


.rev_slider .custom-hover:hover::before {
background: none !important;
}

但是，当我在我的网站上的滑块上应用相同的原则时，它不起作用。叠加层出现但当我将鼠标悬停在它上面时，它不会消失。在div的inspect元素中选择悬停元素时，叠加层会消失。该效果应用于我的网站的第一张幻灯片，其链接可以找到here：

非常感谢帮助。

Answer 1

这是因为你的鼠标没有悬停在.slotholder元素上，而是悬停在这个元素上：

<a style="width:100%;height:100%;display:block" target="_self" href="#">

我建议您尝试定位该元素，但在您必须组织html输出以适应jsfiddle中的结构之前，这样就行了！

希望有所帮助..欢呼

使用css在悬停时删除叠加层

1 个答案: