css代码: a{ width:69px; height:26px; background:url(button_add.gif) no-repeat top left; color:#000; font-weight:700; text-align:center; text-decoration:none; line-height:29px; display:block; } HTML代码 <div><a href=”#” mce_href=”#”>新增</a><a href=”#” mce_href=”#”>修改</a></div> 上例两个A变成了列表形式,由于用了块级display方式来处理,但不用块级方式,A里定义的背景图没办法显示,只有用display:block来使它以块级的方式显示才正常显示。但其它问题也由此而来,两个A没办法显示在同一行。因此用display:inline-block来解决,但是IE里是可以正常,FF下就不行,由此自己只有用以下方法来解决。 a{ float:left; *float:none; width:69px; height:26px; background:url(button_add.gif) no-repeat top left; color:#000; font-weight:700; text-align:center; text-decoration:none; line-height:29px; display:block; *display:inline-block; } 以上解决方法,觉得不是很理想,对于FF下还要做其它清除浮动相关修改。 蓝色理想讨论贴:http://bbs.blueidea.com/thread-2867392-1-1.html