想请教一下html表格里面怎么做到,鼠标悬停在一行上又文字提示啊!

想请教一下html表格里面怎么做到,鼠标悬停在一行上有文字提示啊!
例如这种效果!但是要停留在表格的指定行里!

clipboard.png

阅读 5.7k
2 个回答

<p name="我是提示语" class="demo">我是一个DIV<p>

.demo{position:relative;}
.demo:hover:after{content: " (" attr(name) ")";postion:absolute;bottom:-20px;right:-20px;}

利用自定义属性和伪类可以完美呈现哦,还可以加上更多的css3效果,比如渐显或弹出什么的。ie8+

比如p标签,<p title="我是鼠标悬停文字">文字</p> 加一个title属性就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题