隱藏鏈接，但顯示懸停不工作 - CSS

Question

這似乎很有道理，但它不工作。我似乎打破了某種規則。我試圖讓鏈接顯示爲透明（根本不顯示）並顯示在懸停上。我唯一的約束是，由於背景不固定，所以不能有純色。

的jsfiddle：

http://jsfiddle.net/AmDUH/

HTML：

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

CSS：

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

有沒有解決方案在css中做到這一點？似乎是簡單的，如果我可以應用透明的顏色，但這是不可能的，據我所知。

Answer 1

嘗試使用：

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

Answer 2

你可以使用，而是opacity：

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

JS Fiddle demo。

Answer 3

這是從用戶隱藏的知名度...當然你不能懸停，因爲它是「隱形」。我會嘗試沿着這些路線做一些事情：

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

或用 透明度玩：0.0