css подсказка подсказки подсказки - верх не работает

Question

Я использую эту библиотеку css-hint вместе с некоторыми значками начальной загрузки и правой рукой. Я объявил класс подсказки инструмента css как нижний, и он работает. Но если я объявляю наконечник инструмента как class="hint-top или class="hint-top или class="hint-right, он не работает. По умолчанию он отображается внизу для всех файлов. Не уверен, что может быть проблемой. Вот мой код.

<div class="pre-btn" class="hint--top hint--error" data-hint="Previous Page!"> 
    <a href="/jquery/jquery-basics" class="glyphicon glyphicon-hand-left "></a> 
</div> 
<div class="nxt-btn" class="hint--top" data-hint="Next page"> 
<a href="/jquery/jquery-selectors" class="glyphicon glyphicon-hand-right"></a><br /> 
</div> 

Примечание: Я использую CSS инструмент кончик подсказки версии Hint.css - v1.3.4 - 2015-02-28

Answer 1

У вас есть два отдельных классов заявили, что вам нужно объединить эти:

Это>

class="pre-btn" class="hint--top hint--error" 

Должно быть это>

class="hint--top hint--error pre-btn" 

body, 
 
html { 
 
    margin: 100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 

 
<link href="https://cdn.jsdelivr.net/hint.css/1.3.2/hint.min.css" rel="stylesheet" /> 
 
<div class="hint--top hint--error pre-btn" data-hint="Previous Page!"> 
 
    <a href="/jquery/jquery-basics" class="glyphicon glyphicon-hand-left "></a> 
 

 
</div> 
 
<p>These are tooltips.</p> 
 
<div class="hint--bottom nxt-btn" data-hint="Next page"> 
 
    <a href="/jquery/jquery-selectors" class="glyphicon glyphicon-hand-right"></a> 
 

 
    
 
</div>