CSS实现鼠标经过链接文本提示信息_html-js-css

概述网(LieHuo.Net)教程本文介绍以纯CSS 实现的鼠标经过文本时提示的信息的效果，欢迎大家学习并提出宝贵意见，(liehuo.net)网会做的更好。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…

　　内存溢出 jb51.cc 本文介绍以纯CSS 实现的鼠标经过文本时提示的信息的效果，欢迎大家学习并提出宝贵意见，网会做的更好。

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head><Meta http-equiv="Content-Type" content="text/HTML; charset=gb2312" /><Title>CSS实现鼠标经过链接文本提示信息 - 网 - 关注站长，建设互联网！</Title><style type="text/CSS">body{margin:150px 250px;}/*tooltips*/.tooltips{position:relative; /*这个是关键*/z-index:2;}.tooltips:hover{z-index:3;background:none; /*没有这个在IE中不可用*/}.tooltips span{display: none;}.tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/display:block;position:absolute;top:21px;left:9px;wIDth:15em;border:1px solID black;background-color:#ccFFFF;padding: 3px;color:black;}</style></head><a class="tooltips" href="http://www.wfuyu.com/" _fcksavedurl="http://www.wfuyu.com/">将鼠标放上来看看！<span>点击访问，网（LIEHUO.NET） - 关注站长，建设互联网！</span></a></body></HTML>
提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的CSS实现鼠标经过链接文本提示信息全部内容，希望文章能够帮你解决CSS实现鼠标经过链接文本提示信息所遇到的程序开发问题。

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

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1024935.html