调星娱乐

全部频道

您的当前位置：首页CSS_Spirte实现原理_html/css_WEB-ITnose

CSS_Spirte实现原理_html/css_WEB-ITnose

来源：调星娱乐


CSS Spirte就是所谓的把很多的小图标合并成一张大的图片，然后使用CSS的background-position属性，来动态的定位自己需要图标的位置。这样做的目的主要是减少HTTP请求，加快网页的加载速度。


图片



需要的结果：



多余的话就不多说了具体的实现都已经写在了代码中，并且对于重点都进行了注释。如果有问题可以留言哈！


  css_spirte  
  • ceshi 
    你是好的1
    •  
  •  
    你是好的2
    •  
  •  
    你是好的3
    •  
  •  
    你是好的4
    •  
  •  
    你是好的5
    •  
  •  
    你是好的6
    •  
  •  
    你是好的7
    •  
  •  
    你是好的8
    •  	测试
    测试h4git
    显示全文