虚拟主机域名注册-常见问题网络编程问题 → CSS/HTML


自定义tip 鼠标放在超链接上面显示文字 纯css
作者:
<style type="text/css">
/*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;
border:1px solid black;
background-color:#ccFFFF;
padding: 3px;
color:black;
font-size:12px;
}
</style>
 
<li>
<a class="tooltips" href="#tooltips">这就是Tooltips<span>.com域名<br/>价格:51元</span></a>




来源:
阅读:2192
日期:2016-09-24

推荐朋友 】 【 评论 】  【 字体: 】 
上一篇:齐博cms列表页,内容简介中 英文短句 没有空格不美观
下一篇:齐博cms采集的文章不想自动添加缩略图,该怎么修改?
  >> 相关文章
 
发表评论


点  评: 字数0
用户名:  密码:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款