使用/ jQuery + CSS将div放在元素上方

Question

我在文字句子中间有一个图标。单击图标时，我需要在图标上方放置一个div框，最好将框的左上角与图标对齐。

我尝试使用position：relative作为框，但它仍然显示在文本行下方。我错过了什么？

Answer 1

让我们说div的高度是100px。而不仅仅是添加top: -100px

Answer 2

如果您使用的是jQuery，请找一个可以通过onclick事件激活的工具提示插件

Answer 3

要确保您的div显示在图标的顶部，请将其写在HTML中的图标之后。

否则，您可以为div指定更大的z-index属性。

要将其移到图标上方，您必须更改其坐标值或使用边距进行播放。最后，您可能还需要在css中将其位置设置为绝对值position:absolute;