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

Question

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

Answer 1

使用具有绝对位置的简单 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;
}