0

これは私の最初の質問です。私は通常、これらのことをよく調べようとしますが、これは私を夢中にさせています.

ここに表示されているものと非常によく似たことができる必要があります (ボックスの上にカーソルを置きます): http://dev.ranvel.com/test-hover-method.html

問題は、私が得るジッターです。それは非常に専門的ではないように見えます。

CSS と HTML (画像ではなく) を使用したいのですが、最終的にはボックスの後ろに単語が表示され、ホバリングすると翻訳が表示されるためです。

私がすでに見たのは、フォントを同じに保つ、太字のテキストを削除するなどです。ここでは、テキストだけでなく div 全体が変更されています。また、トランジション間の時間を長くする「トランジション トリック」も見ました。問題は、マウスが div の上に静止したときに、「非ホバー」状態になることがあるということです。

前もって感謝します!!!

4

2 に答える 2

5

可視性の代わりに: 非表示; opacity: 0; を使用してみてください。

.over:hover {
    opacity: 0;
}

http://jsfiddle.net/6WPHk/

.overdivでトランジションを設定することもできます。

.over {
    transition: opacity 0.3s;
}
于 2013-08-30T20:55:57.257 に答える