css - 隐藏链接但在悬停时显示不起作用 - CSS

Question

这似乎很有道理，但行不通。我似乎违反了某种规则。我试图让一个链接显示为透明(根本不显示)并在悬停时显示自己。我唯一的限制是它不能有纯色，因为背景不是纯色。

jsfiddle:

http://jsfiddle.net/AmDUH/

HTML:

<a href="#">Click here</a>

CSS:

a{
visibility:hidden;
}
a:hover{
visibility:visible;
}

在 css 中有什么解决方案吗？如果我可以只应用透明颜色，似乎很简单，但据我所知这是不可能的。

Answer 1

您可以改用opacity:

a{
    opacity: 0;
}
a:hover{
    opacity: 1;
}
​

JS Fiddle demo .