CSS Sprites是一种非常高效,节省带宽的作法。因为,它把很多的图片放在了一起,减少了HTTP请求。但是针对背景平铺时出现比较多多的做法,现在友诺网将这些整理如下:
一。蓝色理想的讨论
网页来源:http://bbs.blueidea.com/thread-2938619-1-5.html
1.一楼:css sprite中的一部分如何做平铺背景?图片中的一小部分 不能 横向或者纵向重复对吗?

图片1
2.网友解答:
css sprite的图片中
横向排列的做垂直平铺,
纵向排列的做水平平铺,
平铺的图片要占满图片,
比如,需要水平平铺的,宽度要和整张画布的宽度一样
都不能做重复
横向和横向重复的可以 上下排列
纵向和纵向的 水平 排列
3.另一种猜测:
可能用css加js可以实现~不过应该是很麻烦的
4.css sprite背景平铺的实际例子:
我的做法是用一张很高的图片来做纵向的平铺,基本所有的纵向平铺都放这张,然后另一张做横向平铺,再做一张没有平铺的图片

图片1

图片2