网(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"><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>提示:可修改后代码再运行!
上一篇 Windows 2008之PKI实战1:管理
下一篇 OpenSUSE下MySQL无法添加InnoDB的解决方法