HTML/CSS濾鏡擾亂了懸停功能，讓過濾器走開+文本

Question

對不起，我的壞標題的xD

什麼即時試圖做的事：我有一個形象，當我懸停在它上面，它變成了灰色，並且在文章上寫下了一段文字。

我的問題是：當您將鼠標懸停在文本上時，過濾器+文本消失，因爲文本覆蓋了圖片。

有沒有辦法解決這個問題？

謝謝你的幫助。 :)

Answer 1

它應該是這個樣子：

<div class="hover-wrapper" onmouseover="showText('hover-text-1')"> 
    <div class="hover-text" id="hover-text-1">My Text</div> 
    <img class="hover-img" src="mypath/myimage.jpg"> 
</div> 

請在包裝div標籤，而不是img標籤的鼠標懸停事件，並用它來打開你應該是懸停文本顯示CSS都好。