Divi 博客网格在悬停时显示标题

问题描述

我实际上正在使用 Divi Visual Builder，我想显示一个博客网格，只有当您将鼠标移到它上面时，它才会在帖子的图像上显示每个帖子的标题。 我在网上找到了一些解决方案，但要么根本不起作用，要么在平板电脑和移动显示器上不起作用。 Divi MarketPlace 上没有关于博客模块的任何内容。 这是我想做的一个例子：http://www.artazoi.com/murs-a-programmation/ （这个网站正在使用 Bakery Page Builder 而我不想使用它） 您知道 Elementor Pro 是否提供此选项吗？ 谢谢大家的帮助:)

解决方法

使用具有绝对位置的简单 DIVI Builder 博客模块。添加此 CSS 代码

.et_pb_module.et_pb_blog_grid_wrapper article{
  position: relative;
}
.et_pb_module.et_pb_blog_grid_wrapper article .entry-title{
  display: none;
  position: absolute;
  top: 0;
}
.et_pb_module.et_pb_blog_grid_wrapper article:hover .entry-title{
  display: block;
}