如何讓此圖像在懸停時淡出？

Question

我試圖做到這一點，當你將鼠標懸停在<div>的<img>上時，其他<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