Html 如何使此图像在悬停时褪色？

我试图使它成为这样，当您在

中的

上悬停时，另一个

变得可见，它可以工作，但是，我试图使它平滑地切换到另一个

下面是我的意思，感谢所有的帮助提前

---

如果以前有人问过这个问题，我很抱歉再次问。我找不到一个适合我所要找的东西。

您需要将您的转换放在这里：

#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;
}

---

首先，需要清理演示。演示中的HTML有一个输入错误（