css:change 悬停在两张图片之间

Question

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

部分 "who we are" : 我想把圆圈的背景设为蓝色，图标设为白色（我也得到了白色图像）。

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

很高兴有人能帮助我:)

有代码：

    <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>

Answer 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'" />

css:change 悬停在两张图片之间

css:change between two images while hovering

html

css

hover