使用CSS定位工具提示

Question

我的問題涉及工具提示定位。

我改編的腳本使用絕對定位將工具提示放在鏈接的幾個em中。這對於大屏幕非常有用。

但是，當屏幕縮小時，有時文本會出現在瀏覽器邊緣附近，並且工具提示只是懸停在邊緣上方。

爲了解決這個問題，我想出了我自己的黑客解決方案：只需在屏幕寬度較小的情況下使用相對定位規則，使用@media屏幕和（max-width：480px） 。這有效，但它遠非優雅。

理想情況下，工具提示會在屏幕邊緣被屏幕邊緣「推動」，但我不知道如何實現這一點。

希望這是有道理的。

無論如何，here's a link to the page that I've used this all on（工具提示文本有虛線下劃線）和here's the CSS behind it。

Answer 1

不是使用em，而是使用百分比，但是您必須記住，百分比始終是工具提示大小的父級百分比。