悬停在 bootstrap 模态图像中不起作用

Question

希望有人能帮助我 this.Here 是我的 Html 代码：

这是我的 css 代码：

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

Answer 1

悬停似乎没有到达图像。

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

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

如果不行，请尝试升级。

Answer 2

忘记把<div class= "modal-content">bootstrapclass.I放在class="modal-dialog"之后了。