鼠标悬停上的不同图像

Question

我目前正在Wordpress中使用Visual Composer。我希望现在只需在鼠标悬停时更改图像。我已经阅读了许多不同的方法来使用Java和CSS，但似乎没有什么专门用​​于此。

非常感谢！

Answer 1

说，我有一个链接 -

<a class="my-link" href="http://www.my-website.com"></a>

我需要在此链接上显示鼠标图像。所以，我会在我的CSS中添加两件事 -

1. 将图像添加到链接

   .ge-link { background-image: url('http://my-website.com/my-img.png'); background-size: contain;background-repeat: no-repeat;}
   

2. 添加悬停属性

   .ge-link:hover { background-image: url('http://my-website.com/my-img-hover.png'); background-repeat: no-repeat; background-size: contain;}
   

Answer 2

工作示例检查它，用您自己的图像替换。

Thanks

http://jsfiddle.net/gd8ba/light/

configure

Answer 3

我知道这个帖子很旧，但最近我也有同样的疑问，所以我找到了这个插件 https://es.wordpress.org/plugins/image-over-image-vc-extension/。我已经在 WP 5.6.3 上使用 WPBakery 对其进行了测试，效果很好。

这是demos。希望它适用于需要此功能的任何人。