0

我的问题涉及工具提示定位。

我改编的脚本使用绝对定位将工具提示放置在链接中的几个 em 中。这对大屏幕来说效果很好。

但是,当屏幕缩小时,有时文本会出现在浏览器边缘附近,而工具提示只是挂在那里,在边缘上方。

为了解决这个问题,我想出了我自己的 hack-ey 解决方案:只需包含较小屏幕宽度的相对定位规则,以及我不完全理解的 @media 屏幕和 (max-width: 480px) 东西。这可行,但远非优雅。

理想情况下,当屏幕边缘进入时,工具提示会被屏幕边缘“推动”。不过,我不知道如何实现这一点。

希望这是有道理的。

无论如何,这里是我使用过的页面的链接(工具提示文本有虚线下划线),这里是它背后的 CSS

4

1 回答 1

0

不要使用 em,而是使用百分比,但您必须记住,百分比将始终是工具提示大小的父级的百分比。

于 2012-07-26T11:58:35.980 回答