如何去除鏈接圖像的灰色突出顯示？

我添加了一個圖像作爲我的MVC4網站上的鏈接，當我將鼠標懸停在圖像上出現一個令人討厭的灰色高光時，是否有刪除它的方法？如何去除鏈接圖像的灰色突出顯示？

這裏是我下面的代碼：

<div class="float-left"> 
    <p> 
    <a href="@Url.Action('Index')"> 
     <img alt="HomePage" style="verticalalign:middle;" height="30px" src="~/Images/formvalue_logo.png"> 
    </a> 
    </p> 
</div>

enter image description here

在此先感謝。如果不是

來源

2012-10-10 Pomster

嘗試 -

.float-left img:hover, .float-left a:hover{ 
    background: none; 
    background-color: transparent; 
}

來源

2012-10-10 07:55:42 Dipak

a img, a img:hover { background-image: none; background-color: transparent; }

可能會解決你的問題......，嘗試：

a:hover img, a img:hover { background-image: none; background-color: transparent; }

如果不這樣做的伎倆，那麼背景是上的一個標籤，而不是圖像，而你需要做：

a { background-image: none; background-color: transparent; }

儘管這會影響頁面上的每一個環節，所以它可能使用該樣式是更好地把一類的鏈接（例如MyClass的），並且：

a.myClass, a.myClass img, a.myClass img:hover { background-image: none; background-colour: transparent; }

來源

2012-10-10 07:53:43 MassivePenguin

如何去除鏈接圖像的灰色突出顯示？

回答

相關問題