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

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;

}

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值