0

CSS3 のトランジションでフェードインする CSS ツールチップを試してみました。リンクにカーソルを合わせるとツールチップが表示されますが、CSS3 のみを使用してフェードインするツールチップ効果を目指していました。

ある程度までは動作していますが、何らかの理由で、本来あるべき場所にカーソルを合わせると、最初に配置されているにもかかわらずアクティブになりますleft:-999px;

基本的に、私は何が間違っているのですか/私がしようとしていたことは可能ですか? (私は JS/JQuery で何もしたくないことに注意してください。CSS でできるかどうか知りたかっただけです)

ここでそれを見て遊ぶことができます。

4

2 に答える 2

2

ツールチップを正常に表示されないように設定する必要があります。

#one a.tooltip span {
//display:block;
display:none; 
....
}

編集:表示をnoneに設定するのではなく、位置をabsoluteに設定するだけのようです。
Edit2:私はそれに殴られたようです。

于 2010-03-26T14:24:39.213 に答える
1

あなたspanはまだdocument流れの中にいます。

上記のコメントが示すように、にdisplay設定するか、に設定することで削除できます。これは、画面の左端から非表示にするために取得したもののようです。nonepositionabsolute

于 2010-03-26T14:27:48.647 に答える