2011-11-14 10 views
1

小さな(?)画像にマウスを移動すると表示されるツールチップがあります。しかし、Chromeでは、のホバリングを(マウスが出たとき)にすると、何らかのゴースト画像のように、ツールチップの画像の一部が表示されることがあります。Chromeの要素をホバーした後にツールチップ画像が表示されなくなる

これはjsFiddleテストケースである:

http://jsfiddle.net/UYxBt/

+0

あなたは[jsFiddle](http://jsfiddle.net/)テストケースを作ることはできますか? – thirtydot

+0

コードを教えてもらえますか? – Avitus

+0

テストケースが追加されました。 – catandmouse

答えて

1

いけないインラインエレメント'.tooltip span'を使用します。 'div'を使用するか、cssファイルのこのスパンに'display:block'を追加してください。

http://jsfiddle.net/fliptheweb/UYxBt/1/

+0

ありがとうございました。ディスプレイを追加する理由:ブロックが問題を解決する理由を教えてください。 – catandmouse

+0

私はこの記事を見つけました。http://www.webdesignfromscratch.com/html-css/css-block-and-inline/ – fliptheweb

関連する問題