如何更改圖像上的鼠標懸停

Question

我正在嘗試編寫網站代碼，每次編輯圖像時都會出現鼠標懸停效果，我希望在網頁上有一個純圖像。 圖像變灰，當我將鼠標懸停時它不是。 我怎樣才能讓它保持正常而不必鼠標懸停？ 當我單擊時，它會打開一個鏈接並打開同一頁面。 求救。 <img src="images/image.jpg" alt="image" class="border2" />

Answer 1

If you have CSS stylesheets they may be causing the difference, use inspect element on it and see what styles are active and click on the :hov hov then the :hover button next to the filter bar in the styles tab to see how it changes. 然后查看激活了 hover 的樣式，看看在哪里，如果有的話，在他們的選擇器中有:hover的地方。 接下來在樣式表中找到該選擇器所在的位置，並將其內容復制到選擇器中，而不使用:hover

例子

<button class="btn">Press Me</button>

然后將由兩者設置樣式：

.btn {
    background-color: white;
}

.btn:hover {
    background-color: blue;
}

這意味着當沒有懸停時，按鈕是白色的，但是當你將 hover 放在它上面時，它會變成藍色。 您的圖像可能會發生類似的事情，類似於：

.border2 {
    background:#ffffff;
    opacity: 0.5;
}

.border2:hover {
    opacity: 1;
}

在灰色上發現除了活動 hover 圖像以外的所有圖像