링크를 숨기고 표시가 작동하지 않는 경우 - 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