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

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

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

Solution needed for mouse over event requirement

css

mouseover