您好,欢迎访问一九零五行业门户网

css实现的当鼠标悬浮弹出说明层效果_html/css_WEB-ITnose

css实现的当鼠标悬浮弹出说明层效果:
本章节分享一段代码实例,它是使用纯css实现的鼠标悬浮弹出说明层效果。
代码实例如下:
蚂蚁部落 前端网站蚂蚁部落
网址是softwhy.comantzone

在默认状态下span元素是隐藏的,当鼠标悬浮的时候,下面的css代码就会立马生效:
a.alt:hover span{ position:absolute; display:block; top:-1px; left:158px; width:130px; height:30px; border:1px solid #eee; z-index:1;}
采用绝对定位的方式,将这个弹出层定位于链接的右侧。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18143
更多内容可以参阅:http://www.softwhy.com/divcss/
其它类似信息

推荐信息