tooltip.css-2.0文档
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
tooltip.css-2.0⽂档
tooltip.css
纯CSS⿏标提⽰⼯具。
v. 2.0.0
更新⽇期：2018.4.12
预览。
安装：
只需在页⾯中引⼊"tooltip.css"或“tooltip.min.css”⽂件即可。
如：
<link rel="stylesheet" href="css/tooltip.css"/>
<--or(或）-->
<link rel="stylesheet" href="css/tooltip.min.css"/>
使⽤：
1、在需要显⽰提⽰的标签上添加 data-tooltip 属性和 data-tooltip-text 两个属性；
2、data-tooltip 属性值代表⽅向，可以设置为“left”、“right”、“top”、“bottom”、“top-left”、“top-right”、“bottom-left”和“bottom-right”中的任意⼀个值；
3、data-tooltip-text 属性存放的是显⽰所需的⽂本。
如：
<p data-tooltip="left" data-tooltip-text="左边提⽰">左边提⽰</p>
⽂本换⾏：在要换⾏的地⽅添加**
**字符
如：
<p data-tooltip="right" data-tooltip-text="右边提⽰样式 
 这个是右边提⽰样式哦 
 css3提⽰样式">右边提⽰</p>
兼容性：
1）IE9、IE9+
2）Firefox
3）Chrome
4）360 Browser
5）Sogou Explorer。