FoxLing - 前端开发 » 图片提示 http://foxling.org 不积跬步 无以至千里 Sat, 19 Nov 2011 16:29:12 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 用CSS实现图片上的提示信息 http://foxling.org/html-css-xml/css-images-tips/ http://foxling.org/html-css-xml/css-images-tips/#comments Sun, 17 Aug 2008 18:46:18 +0000 FoxLing http://wp.foxling.cn/as-flex-air/css-images-tips/ 效果如下：

利用选择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

]]> http://foxling.org/html-css-xml/css-images-tips/feed/ 0