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;

    }

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

  • 相关阅读:
    code review
    设计原则
    知识点介绍
    REST API
    第四章 模块化React和Redux应用
    第3章 从Flux到Redux
    第二章 设计高质量的React组件
    React和Jquery比较
    第一章 React新的前端思维方式
    封装一个获取module.exports内容的方法
  • 原文地址:https://www.cnblogs.com/myitm/p/1829924.html
Copyright © 2011-2022 走看看