举个例子,假设一个网页上有3个不同的button,每个按钮分别用一张不同的图片做背景,这样就需要三张小图片。为了减少请求次数和时间,可以把三张图片放到一张大图中。
再分别把三个button的背景定位到指定的区域。
格式是background-position:100px 50px分别是x和y方向的位移。
或者background:url(xxx) 100px 50px
你可以想象你要显示的那一块是一个窗口,图片在窗口后面,你要通过移动图片来让窗口显示你要看到的那一部分。不过两个窗口之间是不会有影响的。