a.info span { display:none; } a.info:hover span { display:block; position:absolute; border:1px solid #000000; padding:3px; background:#A6D6ED; color:#333; text-decoration: none; filter: Alpha(Opacity=85);//IE下控制背景透明度 -moz-opacity: 0.85;//其它浏览器下控制背景透明度 } <div> <a class="info" href="#" mce_href="#"><img src="a.jpg" mce_src="a.jpg" border="0" alt="" /> <span> 提示信息 <span style="color: #ff0000;" mce_style="color: #ff0000;">1、信息1</span> 2、信息2 </span> </a></div> <div> <a class="info" href="#" mce_href="#"><img src="a.jpg" mce_src="a.jpg" border="0" alt="" /><span> 提示信息 3、信息3 4、信息4 </span></a> <a class="info" href="#" mce_href="#"><img src="a.jpg" mce_src="a.jpg" border="0" alt="" /> <span> 提示信息 5、信息5 6、信息6 </span> </a></div>