效果如下：

利用选择a:hover的子对象，

li a {width:90px; height:87px; display:block; position:relative; text-decoration:none;}
li a span { display:none;}
li a:hover span { display:block; position:absolute; top:70px; left:0; text-align:center; background:#000; color:#fff; width:90px; height:17px; line-height:17px;}

具体例子猛击下面链接：
/examples/img-tips/img-tips.html