0

这似乎很有意义，但它不起作用。我似乎违反了某种规则。我试图让链接显示为透明（根本不显示）并在悬停时显示自己。我唯一的限制是它不能有纯色，因为背景不是纯色的。

jsfiddle：

http://jsfiddle.net/AmDUH/

HTML：

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

​CSS ：

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

​有没有办法在css中做到这一点？如果我可以只应用透明颜色，这似乎很简单，但据我所知，这是不可能的。

4

3 回答 3

4

您可以改为使用opacity：

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

JS 小提琴演示。

于 2012-06-13T21:00:10.557 回答
1

尝试使用：

a{
opacity:0.0;
}
a:hover{
opacity:1.0;
}
于 2012-06-13T21:00:11.660 回答
0

这隐藏了用户的可见性......当然你不能将鼠标悬停在上面，因为它是“不可见的”。我会尝试按照以下方式做一些事情：

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

或者玩 opacity:0.0

于 2012-06-13T21:00:28.667 回答