使用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，而是使用百分比，但是您必须记住，百分比始终是工具提示大小的父级百分比。