尝试从一张图片转到另一张图片时，悬停动画将不起作用

Hover animation wont work when trying to go from one picture to another

提问人：lukashb 提问时间：10/26/2023 更新时间：10/26/2023 访问量：23

问：

我有从一张未编辑的图片到一张编辑的图片的悬停动画的代码。该代码本身可以工作，但在将其添加到我的其他代码后就不能工作了。

https://jsfiddle.net/9vo56dp7/1/

只需使用一些 16：9 的图像

我还需要帮助将其水平和垂直居中。

css 代码位于 /Photoshop/ 注释下

我尝试更改类的名称，如果它与其他类名称一起崩溃，但我找不到任何东西。

type here
HTML CSS 悬停

评论

1赞 Nkemdi Anyiam 10/26/2023
为了将来参考，只是一件小事：如果你提供了一个 js 小提琴，你不妨只提供示例图像，这样我们自己就不必“只使用一些 16：9 的图像”。
0赞 LSE 10/26/2023
该示例代码中发生了很多事情，但是如果您将其从中删除，它应该可以按预期工作。display: gridbody
0赞 Dajer 10/26/2023
此外，请确保使用最少的代码，仅使用与实际问题相关的代码。顺便说一句，我尝试过这个，当我“只使用一些 16：9 的图像”时，悬停对我来说可以按预期工作。将其居中的一种方法是使用 CSS 转换。
0赞 Community 10/28/2023
请提供足够的代码，以便其他人可以更好地理解或重现问题。

答： 暂无答案

上一个：悬停效果和图像不透明度更改在 HTML/CSS 中不起作用

下一个：如何在CSS中正确实现 #ID：hover{}，而不会在其他HTML元素上出错？