首页 > 解决方案 > 为什么在缩放(1.5)效果后光标悬停时我的图像会被截断?

问题描述

我们有一个在线课程平台。我们使用带有 Eduma 主题和 Learnpress 插件的 Wordpress 5。

我正在尝试在我的课程缩略图上制作 netflix 效果。

我成功地做到了,但在第一排课程中,图像被截断。

在此处输入图像描述

我尝试制作最少的代码来重现问题并将其粘贴到此处,但是来自主题和不同插件的 css 太多。不可能留下一些最低限度的代码。

https://formatine.com/您可以在课程的主页上看到问题。将光标悬停在课程中,您将看到缩放效果。

第二行很好,但是第一行有问题。

我试图更改父容器的 css,因为我认为嵌套的东西正在削减效果。我在不同的 div 上尝试了一些 z-index,但它没有用。

经过几天的调查,我来到这里看看是否有人知道我做错了什么。

请帮忙。

标签: htmlcsswordpress

解决方案


经过研究,我能够找到的是:

有一个overflow: hidden应用于类名为的父 div 之一thim-course-grid

删除它将解决问题。

你能检查和更新吗?


推荐阅读