62,046
社区成员
发帖
与我相关
我的任务
分享问一个css中的li的问题。很简单的问题。在线等。马上结帖。
li
{
text-align: left;
padding: 3px 0 0px 0px;
clear: both;
background: url(images/ico/i1_1.gif) 5px 10px no-repeat;
list-style-type: none;
}
<li>你好</li>
上面的代码在ie显示没有问题，“你好”的前面有图标，而且有间隔。但是在firefox里面图标就和“你好”重叠了。
向高手请教解决方法。。谢谢了。
{
text-align: left;
padding: 3px 0 0px 0px;
clear: both;
background: url(images/ico/i1_1.gif) 5px 10px no-repeat;
list-style-type: none;
}
<li>你好</li>
上面的代码在ie显示没有问题，“你好”的前面有图标，而且有间隔。但是在firefox里面图标就和“你好”重叠了。
向高手请教解决方法。。谢谢了。
...全文
请发表友善的回复…
发表回复
98star 2006-10-27
- 打赏
- 举报
分太少，没有人看的起吗？
gui0605 2006-10-27
- 打赏
- 举报
现在很多东西对FF的支持还很少，做开发只能照顾IE，毕竟这是主流
98star 2006-10-27
- 打赏
- 举报
自己解决：
li
{
float:left;
width:160;
text-align: left;
padding-top: 3px;
padding-left: 15px;
padding-right: 0px;
padding-bottom: 3px;
clear: both;
background: url(images/ico/i1_1.gif) 5px 10px no-repeat;
list-style-type: none;
}
缺点：li的宽度固定了。
li
{
float:left;
width:160;
text-align: left;
padding-top: 3px;
padding-left: 15px;
padding-right: 0px;
padding-bottom: 3px;
clear: both;
background: url(images/ico/i1_1.gif) 5px 10px no-repeat;
list-style-type: none;
}
缺点：li的宽度固定了。
98star 2006-10-27
- 打赏
- 举报
这个问题一定有答案的。希望有人在来帮帮忙。
98star 2006-10-27
- 打赏
- 举报
兼容问题是不错！为什么163的li就可以呢？
bidisty 2006-10-27
- 打赏
- 举报
兼容问题,不用CSS
tete 2006-10-27
- 打赏
- 举报
可能是ff对background支持与ie不同
我觉得你可以把图标搞个<img>标记,放在li前面
我觉得你可以把图标搞个<img>标记,放在li前面
hy_lihuan 2006-10-27
- 打赏
- 举报
兼容问题吧,这个比较难搞定吧,需要去查看浏览器的文档
