2011-10-20 55 views
7

最近我注意到http://www.lua.org/docs.html中有一件非常奇怪的事情 - 當我將鼠標懸停在封面圖片旁邊的鏈接上時,佈局更改!懸停時的佈局變化

我在Safari中看到了這一點,但沒有在Firefox中看到。有些人報告說,它也發生在Chrome中。

頁面通過驗證者http://validator.w3.org/。 相關的CSS是http://www.lua.org/lua.css

這似乎是一個Webkit的錯誤。有沒有人看過這個?任何建議的修復?

+0

哇。完全是一個webkit的bug。在Chrome中,檢查懸停後的元素,並將其恢復到原位。 – Blender

+0

如果將鼠標懸停在鏈接上方後懸停在圖像上,它會返回。然後它再也不會發生這種聯繫。 – lhf

+0

下面是我可以想到的最簡單的測試用例:http://jsfiddle.net/daQTK/1/ – Blender

回答

1

它看起來像這樣

hspace="12"

每個 img標籤內

可能會導致它。

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

當我刪除它,在跳動消失。

hspace已棄用。也許webkit只能部分支持?

你是對的@lhf。

但是,我想我現在找到了。這是圍繞圖像和鏈接的。

當我從HTML中刪除它時,所有修正。

+0

感謝您的提示,但它不適用於我。請注意,它最初只發生一次每個鏈接,所以也許你會看到這一點。嘗試重新加載頁面。 – lhf

+0

你是對的@lhf。看我的編輯。 –