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

Posted 2023-03-27

【中文标题】悬停在引导模式图像中不起作用

【英文标题】：Hover doesn't work in bootstrap modal image

【发布时间】：2021-04-05 07:09:03

【问题描述】：

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

这是我的 CSS 代码：

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

【问题讨论】：

请将您的代码添加为文本，而不是图像。还有一个 sn-p。

【参考方案1】：

悬停似乎没有到达图像。

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

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

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

【讨论】：

我现在试过了。直到进入模态开始的“模态淡入淡出”类之前它不起作用。

【参考方案2】：

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