html - 为什么在缩放(1.5)效果后光标悬停时我的图像会被截断?
问题描述
我们有一个在线课程平台。我们使用带有 Eduma 主题和 Learnpress 插件的 Wordpress 5。
我正在尝试在我的课程缩略图上制作 netflix 效果。
我成功地做到了,但在第一排课程中,图像被截断。
我尝试制作最少的代码来重现问题并将其粘贴到此处,但是来自主题和不同插件的 css 太多。不可能留下一些最低限度的代码。
https://formatine.com/
您可以在课程的主页上看到问题。将光标悬停在课程中,您将看到缩放效果。
第二行很好,但是第一行有问题。
我试图更改父容器的 css,因为我认为嵌套的东西正在削减效果。我在不同的 div 上尝试了一些 z-index,但它没有用。
经过几天的调查,我来到这里看看是否有人知道我做错了什么。
请帮忙。
解决方案
经过研究,我能够找到的是:
有一个overflow: hidden
应用于类名为的父 div 之一thim-course-grid
。
删除它将解决问题。
你能检查和更新吗?
推荐阅读
- python - Pandas:如何使用 Numpy 函数而不是 Lambda 函数来获得相同的结果(因为 Numpy 更快)?
- c# - Visual Studio 2012 与 ASP.NET MVC 4 与 Windows 7 中使用哪个实体框架?
- ios - 通用 UITableView 和 NSFetchedResultsController,继承自 UITableViewDelegate、UITableViewDataSource 和 NSFetchedResultsController
- java - 通过 Java 创建 HTTP GET 请求时遇到问题
- svelte - 是否可以将 Svelte 存储作为组件的属性传递?
- python - 按频率对字符串列表(URL)进行排序并删除重复项
- java - 如何使用 getBytes()
- python - 使用 Google Api 并且我已经导入了 Json 和 Requests 以获得要显示的 int 类型的提升
- android - Android Studio 中没有可用的深色主题
- ios - 圆形图像的快速白色背景