Question

div+css布局背景在一张大图上

就像淘宝那样，保存一下背景图片会发现背景在一张图上，我知道布局的时候是通过定位取值的。可是我试过我布局不出来，主要是小图排在大图上有什么原理要遵循吗？
呵呵，希望有一个小小的实例说明一下哦，谢谢了

Answer 1

你说的是很多的小图(ico)放在一个大图上,然后通过定位来取这些小图(ico)吗?
这是国外比较流行的技术,名叫"css sprites",这样把很多小图放在大图里可以节省下载时间,减少图片大小(全放在一个大图上,比分散成N个小图大小总和要小很多).

下面是一些css sprites的技术介绍,你可以看看.
http://www.blueidea.com/tech/web/2007/4967.asp
http://www.chinaz.com/Webbiz/Exp/0525M2122009.html
http://www.webjx.com/css/divcss-11994.html

Answer 2

只要小图在大图的上位置不冲突就可以了，这个你在布局的时候就要先设计好，一般小图标的话从上到下排列就好了，只要你在设置背景时不显示出旁边的背景图就好了，随自己设计的，当然自己设计的大图越小越好充分利用了空间，加快网页加载的速度

Answer 3

小图排在大图上的原因是因为追求高速度打开图片,因为全部的背景图片在一张图片上只要打开这个图片,全部的背景图片就全部显示出来了,最重要的是如果背景需要水平滚动或者纵滚动的话就在该X/Y轴上不能有其他的图片,要获取小图的话CSS主要使用的就是 #example {background:url(example.jpg) 100PX(左间距) 100PX(上间距);}