如何去除链接图像的灰色突出显示？

我添加了一个图像作为我的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

如何去除链接图像的灰色突出显示？

回答

相关问题