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;}

または不透明度：0.0で遊ぶ

于 2012-06-13T21:00:28.667 に答える