悬停在引导模式图像中不起作用

Question

希望有人可以帮助我。这是我的 Html 代码：

这是我的 CSS 代码：

这是我来自codepen的代码： enter code hereAnd Here is my code from codepen 我尝试使用悬停的每个父元素。它在'#idhireme'行之前不起作用。 当我悬停图像时，没有任何变化。有谁知道它为什么不起作用？

Answer 1

悬停似乎没有到达图像。

尝试将:hover 伪类应用于父元素：

card-radius:hover card-gray { 
  filter: grayscale(0%) !important;
}

如果不起作用，请尝试上一级。

Answer 2

我忘记了<div class= "modal-content"> 引导类。我把它放在class="modal-dialog" 之后。