博客小子:记录我们对互联网和生活的探索! 注册 | 登陆

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

Tags: css, float

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;

}

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

Tags: css, float

« 上一篇:php程序设计第六,七次课:php表单操作课件和演示代码 | 下一篇:php程序设计第八、九次课:php中cookie与session与实例PPT+实例 »

只显示10条记录相关文章

Trackbacks

点击获得Trackback地址,Encode: UTF-8

2条记录访客评论

google到这来了。。。这个问题加大margin-left的值应该可以解决,大概是floa后IE把图像遮盖了。。。

Post by wzxjjz on 2009, April 12, 2:14 AM 引用此文发表评论 #1

我看到这个博客已。

Post by kazude123 on 2010, April 4, 10:39 AM 引用此文发表评论 #2


发表评论

评论内容 (必填):