css工具提示提示 - 顶部不起作用
I am using this css-hint library along with some bootstrap left-hand and right-hand icons. I declared the css tool tip class as bottom, and it is working. But if I declare the tool tip as class="hint-top
or class="hint-top
or class="hint-right
it is not working. By default, it is showing bottom for all files. Not sure what might be the issue. Here is my code.
我正在使用这个css-hint库以及一些bootstrap左手和右手图标。我将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>
Note: I am using css tool tip hint version Hint.css - v1.3.4 - 2015-02-28
注意:我使用的是css工具提示提示版本Hint.css - v1.3.4 - 2015-02-28
1 个解决方案
#1
2
You have two separate classes declared, you need to combine those:
您声明了两个单独的类,您需要将它们组合在一起:
This >
class="pre-btn" class="hint--top hint--error"
Should be this >
应该是这个>
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>
更多相关文章
- PDA调用接口 提示:客户端发现响应内容的类型为“text/html;charse
- html提示框插件
- 管理大量文件的提示?
- 在HTTP 1.0中,状态码401的含义是什么;如果返回“找不到文件”的提
- php老提示 Undefined variable: 的解决办法
- 键入提示 - 指定对象数组
- 在SQL中声明@变量返回错误
- 安装MySQL时出现黄色感叹号,提示3306已被占用
- 关于JavaScript变量声明及其初始化的问题