css - Elementor 更改按钮悬停在列上的部分图像

标签 css wordpress elementor

我是 elemetor 的新手,只是想探索这个插件。我看过Hongkong University的网站并且有一个部分,如果用户将鼠标悬停在文本上,背景图像就会改变。更改取决于悬停的文本。我想在 elementor 下重新创建它,但不知道如何操作。

我尝试向该部分和按钮添加自定义 ID(通过 elementor),然后在 WordPress 中添加自定义 CSS 代码。不幸的是,我没有成功。如果使用 elementor 无法做到这一点,我是否可以知道是否有具有相同功能的插件?谢谢。

最佳答案

我已经检查了您上面提到的网站。您可以使用 Elementor 和一些自定义编码来实现。请检查这个video tutorial这将帮助您了解如何根据您的要求进行相同的操作。您只需将其更改为背景图像并将鼠标悬停在文本选择器上即可。

您还可以查看this tutorial得到另一个想法。代码片段也添加在那里

关于css - Elementor 更改按钮悬停在列上的部分图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72370840/

相关文章:

html - 居中 SVG 元素 Chrome 与 Safari

wordpress - 从 Woocommerce 中的单个产品页面中删除产品尺寸

javascript - 如何在webstorm中使用elementor插件

wordpress - 如果我从 elementor 切换到简单编辑器,我的内容会发生什么?

html - Bootstrap 面板模板

javascript - 如何在javascript中确定计算机屏幕的分辨率?

html - 嵌入式 html 样式不影响表格?

wordpress - 如何使用 Jquery Quicksand 进行分页或使用 jquery/ajax 过滤 WordPress 查询?

php - WooCommerce 查看所有有变体的产品

angular - Elementor wordpress + React 或 Angular