制作无缝背景,应该算是入职网页设计制作的必修课,这里希望给你另外一种新的方法或思路,希望你会用Photoshop和Dreamweaver 。
首先我们要学会拆分背景图片,毕竟用在网上的图片,要尽量的小。所以,有一个原则:背景图片要做到不可再拆分,才算是成功的。
在网页中,IE默认会将背景向右、向下的重复铺下来(当然,你也可以强制禁止背景图在网页中平铺)。
关于拆分
1)假如背景要做成下图所示,那你可以动下脑筋分析一下,如何拆分它:

2)首先考虑不同的分辩率,假如现在是针对800*600的,但也要考虑1024*778的。就这张图来说,向下铺的时候,没有分辩率问题,但是向右铺就有分辩率问题产生。背景图宽度不够的话,在1024就会像下图所示:

所以,如果不想右边重复出现图像块的话,那么,首先可向右增加画布宽度,超出部分,并不会显示出来,如图所示:

3)现在要考虑节约的事了,花最少的钱办同样的事才是能手。底图不宜太大,免得别人下载时痛苦。因为背景是平铺的,所以可以考虑将重复的部分清除,通过分析,会发现其实用下面这部分就足够,其余的部分都是多余的:
