css - 鼠标悬停事件要求所需的解决方案

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;
}