移动鼠标链接时如何隐藏超链接？

Question

我有这个代码：

<a href="http://google.com" ><img border="0" src="http://i.imgur.com/123.png" /></a>

那么，如何在将鼠标移动到链接时隐藏超链接？

非常感谢！

Answer 1

在你的CSS中添加以下内容即可。

a:hover{
 visibility:hidden;
}

Answer 2

a:hover{
   visibility:hidden;
}

或

a:hover{
   opacity: 0;
}

或

a:hover{
   display: none;
}

Answer 3

我会在这里完全猜测，但我认为您要问的是如何从鼠标悬停链接中删除下划线？

如果这是一个正确的猜测，那么试试这个......

<a href="http://google.com" onmouseover="this.style.textDecoration='none'"
  onmouseout="this.style.textDecoration=''">...</a>

如果这是您希望页面中所有所有链接的内容，请使用以下CSS（并且不要担心上面的onmouseover或onmouseout代码）...

a:hover { text-decoration: none; }

Answer 4

如果您要隐藏HTML href标记的a，请执行此操作，谷歌会在搜索结果中进行跟踪。

此外，使用以下javascript函数在鼠标按下事件时“重写”Google搜索结果页面上的所有网址。

function rwt(el,ct,cd,sg) {
el.href="/url?sa=t&ct="+escape(ct)+"&cd="+....
return true;
}

并为您的HTML onmousedown="return rwt(this,'res','1','')"代码设置a。

要使用Firefox在谷歌中进行测试，只需在Google上搜索某些内容，然后在点击搜索结果之前，右键点击该网址，然后点击“复制链接位置”。

---

DEMO：JSFiddle