经常见到很多门户网站的按钮,图标提示等,源图都是一个大图包含了各种小图标,觉得很奇怪,到底是怎样用的。 我们通常的做法是做成一个个小的gif。 很繁琐。 用background-position的话就只对一张图操作就行了,图片文件不分散,一开始就加载进来了,速度也会快很多。
详细介绍:
http://blog.csdn.net/JeamKing/article/details/5617088
http://www.w3school.com.cn/css/pr_background-position.asp
下面看几个门户网站的案例。