会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
龍峸
Asp.Net - jQuery
博客园
首页
新随笔
联系
管理
订阅
CSS技术个性化你的tooltips效果
<
br
/><
br
/><
br
/><
br
/><
br
/>
<
a
class
=
"
tooltips
"
href
=
"
#tooltips
"
>
这就是Tooltips
<
span
>
如你所见,这些附加的说明文字在鼠标经过的时候显示。
</
span
></
a
>
<
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;
width:15em;
border:1px solid black;
background
-
color:#ccFFFF;
padding: 3px;
color:black;
}
</
style
>
posted @
2008-02-14 18:10
龍峸.大卫
阅读(
304
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告