基礎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

複製？這裏是你的HTML使用基礎6.4.1 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; 
}