您的位置：首页 > Web前端 > CSS

css中float和列表图片list-style-image不能正常解析的说明

2010-09-18 09:22 741 查看
IE6,7（其他版本未测试）中一个问题：就是同时执行css中的float 和list-style-image时无法正常执行list-style-image代码的内容。

IE的问题，一般来说请使用background-image+background-repeat即可正确解决问题。

例如：以下代码是理论上正确的代码，但是不能得到正确的结果。

.info li {

list-style-image:url(/images/ok.gif);

margin:0px 0 12px 5px;

width:280px;

float:left;

padding-left:20px;

}


这也印证了一句话：当一切正常的时候，是最容易出错的时候。

请使用background-image来替代以上的代码，参考代码如下：

.info li {

background-image:url(../images/ok.gif);

background-repeat:no-repeat;

margin:0px 0 12px 5px;

width:280px;

float:left;

padding-left:20px;

}


不知道有没有更好的办法来解决这个问题，但是我目前只有这样做了，有更好的办法请告诉我。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航