2 spcarl008 spcarl008 于 2015.06.01 16:05 提问

论坛模块,鼠标经过弹出文字框怎么实现?

像九游门户那样!!

1个回答

showbo
showbo   Ds   Rxr 2015.06.01 16:56

hover伪类,注意要加上xhtml申明,ie6-不支持。。

 <!DOCTYPE html>
<style>
div.item{float:left;position:relative}
div.item span{position:absolute;line-height:30px;display:none;bottom:20px;left:0px;line-height:30px;text-align:center;color:#f00;width:100%}
div.item:hover span{display:block}
</style>
<div class="item">
<a href="#"><img src="http://img.ask.csdn.net/upload/201506/01/1433145844_758828.jpg" /></a><span>要提示的信息</span></div>
<div class="item">
<a href="#"><img src="http://img.ask.csdn.net/upload/201506/01/1433145844_758828.jpg" /></a><span>要提示的信息</span></div>
Csdn user default icon
上传中...
上传图片
插入图片