如何在悬停时使此图像淡入淡出？

Question

当我将鼠标悬停在<img>中的<div>上时，另一个<div>变得可见，它可以正常运行，但是，我正试图获取它可以顺利地换到另一个<img> 这是我的意思here的小提琴，感谢您提前获得所有帮助！

如果之前已经提出这个问题，我很抱歉再次询问。我无法找到一个我正在寻找的东西。

Answer 1

您需要在此处转换：

#nav img
{
    height:20px;
    width:20px;
    -webkit-transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    -o-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out;
}

的 See working jsFiddle demo 的