隐藏链接但在悬停时显示不起作用 - 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

Answer 2

尝试使用：

a{
opacity:0.0;
}
a:hover{
opacity:1.0;
}

Answer 3

隐藏了用户的可见性......当然，你可以将鼠标悬停在上面，因为它不可见＆＃34;。我会尝试沿着这些方向做点什么：

a:link {color:#FFFFFF;}
a:visited {color:#000000;}
a:hover {color:#000000;}
a:active {color:#000000;}

或者玩     不透明度：0.0