输入banner图图片脚本导航/分类

CSS_Spirte实现原理_html/css_WEB-ITnose

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


图片



需要的结果:



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


        css_spirte        
  • ceshi

    你是好的1

  • 你是好的2

  • 你是好的3

  • 你是好的4

  • 你是好的5

  • 你是好的6

  • 你是好的7

  • 你是好的8

测试

测试h4git