有时我们会看到有的网站上多个小图标是用一张图片来显示的,用一张背景图做页面的技术有什么优势呢,请看下面。

简单介绍一下 CSS Sprites 的优点:
①当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。
②CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。

实现方法:

首先将小图片整合到一张大的图片上
然后根据具体图标在大图上的位置,给背景定位。

引用内容 引用内容
background-position:-8px -95px;

目前有3 条留言

  1. 2009年06月22日 17:32 汤博客   |  引用  |  #1     

    不错。今天我到此一逛,望回访tangboke.cn。

    ifu25,2009-06-29 09:10 PM

    Thanks

  2. 2010年05月21日 13:24 导购网   |  引用  |  #2     

    学习了

  3. 2010年12月08日 13:30 世界因我而精彩   |  引用  |  #3     

    学习了,多谢

发表评论

/ 快捷键:Ctrl+Enter
加载中……