html – 指定悬停在元素上时工具提示的位置

概述当我将鼠标悬停在div.divClass上时,应显示工具提示文本. 我怎样才能做到这一点？ .divClass { width: 200px; height: 200px; border: 1px solid} <div class="divClass"> <a href="#" title="Tooltip text"> test </a></div> 编辑 实际上我想在鼠标 当我将鼠标悬停在div.divClass上时,应显示工具提示文本.

我怎样才能做到这一点？

.divClass {  wIDth: 200px;  height: 200px;  border: 1px solID}

<div >  <a href="#" title="tooltip text"> test </a></div>

编辑

实际上我想在鼠标悬停在div上时显示ANCHOR元素的工具提示顶部.如果我在div中添加标题意味着我会遇到对齐问题.

解决方法 无论悬停发生在何处,Title属性都不能强制工具提示出现在一个固定位置.这通常不是工具提示的工作原理.但是,这是一种可能适合您的方法.

.divClass {  wIDth: 200px;  height: 200px;  border: 1px solID;  position: relative;  margin: 30px;  cursor: pointer;}span { display: none; }.divClass:hover > span {  display: inline-block;  position: @R_301_4613@;  top: -25px;  left: 0;  border: 2px solID red;  background-color: yellow;}

<div >  <a href="#"  title="tooltip text"> test </a>  <span>tooltip text</span></div>

jsFiddle

参考文献：

> title attribute~MDN
> Global attributes~MDN

总结

以上是内存溢出为你收集整理的html – 指定悬停在元素上时工具提示的位置全部内容，希望文章能够帮你解决html – 指定悬停在元素上时工具提示的位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。