html - 如何使此图像在悬停时消失？

Question

我正在努力做到这一点，所以当您将鼠标悬停在<img>中时<div>，另一个<div>变得可见，它可以工作，但是，我试图让它顺利地更改为另一个<img>。
这是我在这里的意思，提前感谢所有帮助！

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

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

请参阅工作 jsFiddle 演示