CSS只提示，在瀏覽器不工作12.0.742.30開發

Question

我目前正在研究這樣做的CSS只有工具提示：

http://downloads.sixrevisions.com/css-tooltips/index.html

其工作原理是關閉移動提示屏幕上留有餘量，然後在工具提示目標懸停時將其移動到屏幕上。

該方法在FF，IE & Safari中正常工作，但工具提示不顯示在Chrome中。

當我將鼠標懸停在工具提示目標上時，當我簽入開發人員工具時，保留空間不會更改。

任何人都知道這是否可以修改爲在Chrome中工作？

更新：此錯誤只發生在Chrome 12.0.742.30 dev中。

Answer 1

通過不使用margin-left來實現這些工具提示，您可以完全避免該問題。改爲使用display:none和display:block。這樣，元素永遠不會移動 - 只有其可見性發生變化。