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

2024-12-29 00:09:46
推荐回答(3个)
回答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

回答2:

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

回答3:

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