foundation 6工具提示位置问题

Question

问题是工具提示在错误的位置-在最左边。例如，当我用屏幕右侧的工具提示悬停元素时，它会在远离悬停元素的左侧显示工具提示。到目前为止，我在这个话题上找不到任何有用的东西。尝试了不同的选项，但所有工具提示都显示在左侧。从官方基金会页面复制的工具提示代码

<button class="button has-tip" type="button" data-tooltip aria-haspopup="true" 
data-disable-hover="false" tabindex="1" data-position="top"
title="Fancy word for a beetle." data-alignment="center">
      Top Center
</button>

​

​

Answer 1

您使用的是什么版本的Foundation？这是一个使用Foundation 6.4.1的HTML的jsfiddle，它工作得很好。我所做的唯一改变是在按钮上添加了一个边距，以允许工具提示位于顶部。https://jsfiddle.net/genestd/svygwghz/

<div>
  <button class="button has-tip center" type="button" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1" data-position="top" title="Fancy word for a beetle." data-alignment="center">
  Top Center
  </button>
</div>

。

.center{
  margin: 100px;
}