css：悬停时在两个图像之间更改[关闭]

Question

我正在尝试在该网站中的两个图像之间进行更改

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

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

很高兴有人能帮助我:)

有代码：

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