小さな(?)画像にマウスを移動すると表示されるツールチップがあります。しかし、Chromeでは、のホバリングを(マウスが出たとき)にすると、何らかのゴースト画像のように、ツールチップの画像の一部が表示されることがあります。Chromeの要素をホバーした後にツールチップ画像が表示されなくなる
これはjsFiddleテストケースである:
小さな(?)画像にマウスを移動すると表示されるツールチップがあります。しかし、Chromeでは、のホバリングを(マウスが出たとき)にすると、何らかのゴースト画像のように、ツールチップの画像の一部が表示されることがあります。Chromeの要素をホバーした後にツールチップ画像が表示されなくなる
これはjsFiddleテストケースである:
いけないインラインエレメント'.tooltip span'
を使用します。 'div'
を使用するか、css
ファイルのこのスパンに'display:block'
を追加してください。
ありがとうございました。ディスプレイを追加する理由:ブロックが問題を解決する理由を教えてください。 – catandmouse
私はこの記事を見つけました。http://www.webdesignfromscratch.com/html-css/css-block-and-inline/ – fliptheweb
あなたは[jsFiddle](http://jsfiddle.net/)テストケースを作ることはできますか? – thirtydot
コードを教えてもらえますか? – Avitus
テストケースが追加されました。 – catandmouse