ツールチップでのCSS3 WebKitフェード

Question

CSS3の遷移でフェードインするCSSツールチップを試してみました。リンクをホバリングすると、ツールチップが表示されますが、CSS3のみを使用することでフェードするツールチップ効果を求めていました。

私はそれをポイントまで働いていますが、何らかの理由で、それが本来ある場所に浮かぶとき、それは最初は位置付けられていてもアクティブになります left:-999px;.

基本的に、私は何を間違えているのですか/私が可能にしていたことは何ですか？ （JS/jQueryで何もしたくないことに注意してください。CSSでできるかどうかを知りたいと思っていました）

あなたはそれを見て遊ぶことができます ここ.

Answer 1

君の span まだ中にあります document フロー。

設定して削除できます display に none, 、上記のコメントが示唆するように、または設定するように position に absolute, 、これは、画面の左端からそれを隠すために得ていたもののようです。

Answer 2

Radix-10をRadix-2と混同しています。

ビットシフトは2で除算されているので、例えば、102 >> 1= 102 / 2= 51。
同様に：102 >> 8= 102 / 2^8= 102 / 256= 0（int用語）

例えば、指定された(i >> 8) & 0xFF値のの2バイトの内容を抽出するために使用されます。

あなたのケースのために - モジュラスで10の部門に固執する。