鼠标超过事件要求所需的解决方案

Question

我有一个鼠标超过要求，我不能发生，并询问是否有人可以帮助我找到解决方案。

在this page中有图像，下面是鼠标悬停的部分，但是当整个部分（包括图像）有鼠标悬停在事件上时，我希望同一部分变成蓝色。

请分享关于如何实现这一目标的任何想法？

Answer 1

定义这些悬停而不是你得到的悬停：

.thumb-shadow:hover {
  box-shadow: 9px 13px 26px -8px #222533;
}

.thumb-shadow:hover .capt_hover1 {
  background: rgba(33, 194, 248, 0.8);
}

.thumb-shadow:hover .capt_hover1 * {
  color: #ffffff;
}
.thumb-shadow:hover .capt_hover1 .btn-link {
  color: #ffffff;
}