CSS Sprites整合网页图片的方法

概述论坛上提到这样的问题：“css中用一张背景图做页面的技术有什么优势?”简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加…

　　论坛上提到这样的问题：“CSS中用一张背景图做页面的技术有什么优势?”

　　简单介绍一下 CSS Sprites 的优点：

　　当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。

　　CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。

  

　　实现方法：

　　首先将小图片整合到一张大的图片上

　　然后根据具体图标在大图上的位置，给背景定位。background-position:-8px -95px;

　　文章来源：http://uiCSS.cn/css-Sprites/

总结

以上是内存溢出为你收集整理的CSS Sprites整合网页图片的方法全部内容，希望文章能够帮你解决CSS Sprites整合网页图片的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。