Question

This seems to make perfect sense, but it is not working. I seem to be breaking a rule of some sort. I am trying to have a link show up as transparent (not show up at all) and to show itself on hover. The only constraints I have it that this cannot have a solid color as the background is not solid.

jsfiddle:

http://jsfiddle.net/AmDUH/

HTML:

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

​
CSS:

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

​Is there any solution to do this in css? Seems to be straightforward if I could just apply a transparent color, but that’s not possible from my knowledge.

Answer 1

Try using:

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