【问题标题】:Divi blog grid display title on hover悬停时 Divi 博客网格显示标题
【发布时间】:2021-01-29 09:53:44
【问题描述】:
我实际上正在使用 Divi Visual Builder,我想显示一个博客网格,仅当您将鼠标移到帖子图像上时才会在帖子图像上显示每个帖子的标题。
我在网上找到了一些解决方案,但要么根本不起作用,要么效果在平板电脑和移动显示器上不起作用。博客模块的 Divi MarketPlace 上没有这方面的内容。
这是我想做的一个例子:http://www.artazoi.com/murs-a-programmation/
(此网站正在使用 Bakery Page Builder,我不想使用它)
您知道 Elementor Pro 是否提供此选项吗?
谢谢大家的帮助:)
【问题讨论】:
标签:
wordpress
grid
blogs
elementor
divi
【解决方案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;
}