我的问题涉及工具提示定位。
我改编的脚本使用绝对定位将工具提示放置在链接中的几个 em 中。这对大屏幕来说效果很好。
但是,当屏幕缩小时,有时文本会出现在浏览器边缘附近,而工具提示只是挂在那里,在边缘上方。
为了解决这个问题,我想出了我自己的 hack-ey 解决方案:只需包含较小屏幕宽度的相对定位规则,以及我不完全理解的 @media 屏幕和 (max-width: 480px) 东西。这可行,但远非优雅。
理想情况下,当屏幕边缘进入时,工具提示会被屏幕边缘“推动”。不过,我不知道如何实现这一点。
希望这是有道理的。
无论如何,这里是我使用过的页面的链接(工具提示文本有虚线下划线),这里是它背后的 CSS。