问一个css中的li的问题。很简单的问题。在线等。马上结帖。

98star 2006-10-27 11:53:25
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里面图标就和“你好”重叠了。
向高手请教解决方法。。谢谢了。
...全文
159 8 打赏 收藏 举报
写回复
8 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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的宽度固定了。
98star 2006-10-27
  • 打赏
  • 举报
回复
这个问题一定有答案的。希望有人在来帮帮忙。
98star 2006-10-27
  • 打赏
  • 举报
回复
兼容问题是不错!为什么163的li就可以呢?
bidisty 2006-10-27
  • 打赏
  • 举报
回复
兼容问题,不用CSS
tete 2006-10-27
  • 打赏
  • 举报
回复
可能是ff对background支持与ie不同

我觉得你可以把图标搞个<img>标记,放在li前面
hy_lihuan 2006-10-27
  • 打赏
  • 举报
回复
兼容问题吧,这个比较难搞定吧,需要去查看浏览器的文档
相关推荐
发帖
.NET社区

6.1w+

社区成员

.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
帖子事件
创建了帖子
2006-10-27 11:53
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。