A里定义了背景图片,但不能使多个A显示成一行

作者:纯真 2008年06月29日 星期日 13点44分 Tags: , ,

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