问个css中li在ie8中的样式问题

yonghot 2012-04-17 10:21:47
如题,尝试了快半天了,还是没有成功,在ie6、ie7、firefox中都没有问题,可是在ie8中文字和前面的小圆点重叠在一起,怎么解决,谢谢。。

问题不难,快疯掉了。

 .leftList{ line-height:26px; margin-left:10px; padding: 8px 5px 5px 5px;}
.leftList li{background: url(../style/orange/bullet-blue.jpg) no-repeat left 5px; }


<div class="leftList"><li>test1</li><li>test2</li></div>
...全文
198 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
zj25810 2012-04-17
  • 打赏
  • 举报
回复
.leftList li{background: url(../style/orange/bullet-blue.jpg) no-repeat left 5px;padding-left:10px; }
这次保证完成任务!!!哈哈
yonghot 2012-04-17
  • 打赏
  • 举报
回复
算了,换div再试试
zj25810 2012-04-17
  • 打赏
  • 举报
回复
你那个图片,我这是显示不了的,自然是没理解到你的意思。呵呵
yonghot 2012-04-17
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 的回复:]

我刚才用IE9和火狐测试看了效果,都是没有小圆点的。
[/Quote]

不好意思,我说的小点是一个以北京图片显示的,您可能没有认真看我的代码。
background: url(../style/orange/bullet-blue.jpg) no-repeat left 5px;
主要是li自带的小点不是很好看。

不过还是谢谢,继续。。
小猫阿尤 2012-04-17
  • 打赏
  • 举报
回复
ie8开启ie7的兼容模式代码,<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />加入这句代码试试,或者调整你的css
zj25810 2012-04-17
  • 打赏
  • 举报
回复
我刚才用IE9和火狐测试看了效果,都是没有小圆点的。
zj25810 2012-04-17
  • 打赏
  • 举报
回复
写上
ul {list-style:none;}
li {list-style:none;}
这两个样式了么?
这个样式就是去掉你所说的小圆点的啊
yonghot 2012-04-17
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]

你的<li></li>都不用装在<ul></ul>里面的?
ul {list-style:none;}
li {list-style:none;}
[/Quote]

加上ul后,在其他浏览器中,文字和前面的小圆点也重叠了,有木有办法解决啊。等。。。
我就是大神 2012-04-17
  • 打赏
  • 举报
回复
ls正解
zj25810 2012-04-17
  • 打赏
  • 举报
回复
你的<li></li>都不用装在<ul></ul>里面的?
ul {list-style:none;}
li {list-style:none;}
yonghot 2012-04-17
  • 打赏
  • 举报
回复
[Quote=引用 10 楼 的回复:]

.leftList li{background: url(../style/orange/bullet-blue.jpg) no-repeat left 5px;padding-left:10px; }
这次保证完成任务!!!哈哈
[/Quote]

无话可说,TTM烈害了,按照你的终于成功了。非常感谢。

结贴,给分。

62,267

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

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

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

试试用AI创作助手写篇文章吧