zoukankan      html  css  js  c++  java
  • css中float和列表图片liststyleimage不能正常解析的说明

    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;

    }

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

  • 相关阅读:
    第八章
    第十章
    第九章
    第七章
    第六章
    第五章
    第四章心得
    第二章心得
    第三章心得
    第一章心得
  • 原文地址:https://www.cnblogs.com/myitm/p/1829924.html
Copyright © 2011-2022 走看看