使用css自定义默认工具提示

我知道有很多自定义html元素的工具提示的例子，但我不能让它工作

我有一个简单的锚，如下所示：

<a href="javascript:void(0)" class="tooltipItem" title="Email address that can be used to contact you." tabindex="-1" data-toggle="tooltip" data-placement="right">?</a>    

正如你在我创作的小提琴中所看到的，结果并不是我所期望的

那么，我需要改变什么呢

---

只需将标签的位置设置为相对位置即可

a[title] {
  position: relative;
}

这样，您的工具提示现在将是锚定标记的绝对提示，而不是文档的绝对提示

更新小提琴：

---

也许这有帮助：顶部：1%而不是100%

a[title] {
  position: relative;
}