找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1165|回复: 0
打印 上一主题 下一主题

纯CSS链接提示美化

[复制链接]

2647

主题

2647

帖子

7881

积分

论坛元老

Rank: 8Rank: 8

积分
7881
跳转到指定楼层
楼主
发表于 2018-2-18 04:49:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

                  这就是Tooltips如你所见,GOGO   
/*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;
}
    测试通过, 修改: 这就是Tooltips如你所见,GOGO。此处是你所需要的内容。
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端