css：悬停时在两个图像之间切换[关闭]答案

【问题标题】：css:change between two images while hovering [closed]css：悬停时在两个图像之间切换[关闭]
【发布时间】：2015-08-13 13:50:01
【问题描述】：

我正在尝试在此站点中的两个图像之间切换http://www.easy-send.net/home

“我们是谁”部分：我正在尝试将圆圈的背景设为蓝色，将图标设为白色（我也得到了白色图像）。

我试图隐藏第一张图片并取消显示它...但是每当我这样做时，第二张图片都不会显示...有人告诉我有一点问题，因为图片是背景-图像...

很高兴有人可以帮助我:)

代码如下：

    <div class="aio-icon-img " style="font-size: 48px; border: 1px solid rgb(183, 183, 183); padding: 17px; border-radius: 100px; display: inline-block; top: -84px; background: rgb(255, 255, 255);">
    	<img class="img-icon" alt="" src="http://www.easy-send.net/wp-content/uploads/2015/06/NewIcon_Build_3.png">
    </div>

【问题讨论】：

寻求代码帮助的问题必须包括所需的行为、特定问题或错误以及在问题本身中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example

标签： html css hover

【解决方案1】：

使用这些图标并进行图像交换

例如

<img src="http://yourwebsitewebsite.com/images/NewBuild3.png"  
onMouseOver="this.src='http://www.yourwebsite.com/images/NewBuild3_hover.png'
onMouseOut="this.src='http://www.yourwebsite.com/images/NewBuild3.png'" />

【讨论】：

图像交换不准确，但我想不到
很乐意帮助 :) 感谢上帝的 Photoshop！