將鼠標懸停在圖像變化的另一個圖像

我有一個問題 - 我試圖迫使圖像懸停影響另一個懸停將鼠標懸停在圖像變化的另一個圖像

<img id="1" src="#" /> 
<img id="2" src="#" /> 


#1 {width:20%; 
    opacity:0.5 
    } 
#2 {width:80%; 
    position:absolute; 
    display:none; 
    }

我試圖

#1:hover + #2{ 
    display:block; 
    } 

    #1:hover #2{ 
    display:block; 
    }

試圖把它變成不同的div但仍然無法工作。有人可以幫忙嗎？

來源

2017-04-10 Fletroc

你也可以爲此使用jQuery。在http://stackoverflow.com/questions/31050860/change-an-image-src-within-a-div-when-hovering-over-another-div之前已經有類似的問題了 – Syfer

由於某種原因，我無法使用css與id="1"或id="2"一起工作，但是一旦更改爲id="test2"，它工作正常。

來源

2017-04-10 22:34:49

將鼠標懸停在圖像變化的另一個圖像

回答

相關問題