Question

如果链接只悬停在链接上，我怎样才能看到链接？

Answer 1

试试这个：

a:link, a:visited {
    visibility: hidden;
}
a:link:hover, a:visited:hover {
    visibility: visible;
}

编辑在piquadrat指出Firefox不会悬停隐形元素后，请尝试以下方法：

a:link span, a:visited span {
    visibility: hidden;
}
a:link:hover span, a:visited:hover span {
    visibility: visible;
}

和相应的HTML：

Lorem <a href="foo"><span>foo</span></a> ipsum dolor sit amet …

Answer 2

您是否认为您希望链接显示为普通文字？

如果是这样的话：

a { text-decoration: none; color: inherit; }
a:hover, a:active { text-decoration: underline; color: #00F; }

Answer 3

使用visibility CSS规则的答案对我不起作用，至少在FF中不起作用。链接不可见，因此当您将鼠标移到它上面时，FF会认为您正在鼠标悬停在后面链接上。

这对我有用（即使在IE6中！）：

a {
  zoom: 1; filter: alpha(opacity = 0); /* For IE */
  opacity: 0.0;
}
a:hover {
  zoom: 1; filter: alpha(opacity = 100); /* For IE */
  opacity: 1.0;
}

当鼠标移过超链接时，如何更改超链接的可见性？

3 个答案: