2011-10-20 7 views
7

最近、私は非常に奇妙なことに気がついたhttp://www.lua.org/docs.html - カバーイメージの横のリンクにマウスポインタを合わせるとレイアウトが変わります!ホバリングのレイアウト変更

これはSafariでは表示されますが、Firefoxでは表示されません。一部の人々は、それもクロムで起こると報告しています。

ページはバリデーターをhttp://validator.w3.org/に渡します。 関連するCSSはhttp://www.lua.org/lua.cssです。

これはWebkitのバグのようです。誰もそれを見たことがありますか?推奨される修正はありますか?

+0

Whoa。完全にWebkitのバグです。 Chromeでは、ホバリング後に要素を調べると、元に戻ってきます。 – Blender

+0

リンク上にマウスを置いた後で、画像の上にマウスを置くと元に戻ります。そして、それはそのリンクのために再び起こることはありません。 – lhf

+0

ここで私が思いつく最も簡単なテストケースです:http://jsfiddle.net/daQTK/1/ – Blender

答えて

1

は、それはそれを引き起こしている可能性があり、各 imgタグ内のこの

hspace="12"

のように見えます。私はそれを削除すると

<img src="images/pil2.jpg" alt="" title="buy from Amazon" border="1" align="left" hspace="12">

、飛びが消えます。

hspaceは推奨されていません。おそらくウェブキットは部分的にしかサポートしていないでしょうか?

あなたは正しく@lhfです。

しかし、私は今それを見つけたと思う。画像とリンクを囲むのはです。

HTMLから削除すると、すべて修正されます。

+0

チップをありがとうが、それは私のためには動作しません。もともとリンクごとに1回しか起こらなかったので、おそらくあなたはこれを見ていることに注意してください。ページを再読み込みしてみてください。 – lhf

+0

あなたは正しいです@hhf。私の編集を参照してください。 –

関連する問題