解决IE下li标签前面不显示小图标

/ 0评 / 0

最近写主题遇到一个文章列表显示图标的问题,本来按照常规LI标签加上背景padding-left就可以解决的,但是在谷歌与IE9以及火狐下面都是没问题,可在IE8以下版本以及360,搜狗浏览器下就是不显示LI前面的小图标。

经过反复的实验,原来要在LI前面加上float:left这样图标是出来但是LI就成了并排了,这样可不行,原来还要加一个white-space:nowrap整标题换行,这样问题就解决了,有的朋友会反映加上了float:left谷歌等浏览器又有了变化,那么我们可以加上*即*float:left这样我们就可以实现兼容了。

具体的样式是这样的:

*float:left;padding-left:15px;background:url(images/bullet.gif) no-repeat 3px 10px;line-height:25px;white-space:nowrap

在兼容的道路上我们会遇到很多的曲折,真不容易哟。马克下也算是学习的记录。