Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我对 CSS 工具提示有一些问题。好的,让我解释一下,假设我必须图片。一张图片在浏览器的左上角和另一个右上角。
当我将鼠标指向左角图片时,工具提示打开图片的右侧位置,这是正确的位置,但是当我将鼠标指向右侧的图片时,它仍然打开图片的右侧位置,这是错误的位置。
我需要的是当我将鼠标指向右上角图片时,工具提示会在图片左侧自动打开。
CSS可以做到这一点或更好地使用javascript打开工具提示?因为我尝试使用相对位置或绝对位置,结果仍然相同。
例如,请转到此链接:示例
我认为使用 javascript 会有更好的运气。这是一个非常漂亮的 jQuery Tootip 插件示例,它允许您设置相对于元素的位置。
提示
use data-tooltip attribute with pseudo elements :before and :after
:before
:after
here is the demo