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

Question

当你将鼠标悬停在这个 <img> 上时，我正在努力做到这一点在<div> , 其他 <div>变得可见，它有效，但是，我试图让它顺利地改变到另一个 <img> .
这是我的意思的 fiddle 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