网页制做中的背景处理

　　在制做网页过程当中，常常须要考虑页面中的留白问题，由于咱们设计时，按大多数用户显示器的设置来制做内容区，即横向分辨率的设置是1024像素，但是用户设置是多样化的好比有的用户是1280、1440、1600、1680等，内容区以外会有不少的留白，为了美观起见，不可避免地须要对留白区进行一些处理。
　　下面是通常的作法。
　　一、用一个图片来作背景，其他的地方填充颜色。
　　　　①背景图很大，不铺；
　　　　②背景图片很长，只是横向铺而纵向不铺；
　　　　③一张图片横向纵向都铺。
　　　　根据效果选择，关键是背景图片的处理。
　　二、留白的地方要多样化，能够用多个垂直叠放的DIV来处理，中间内容区域都设置为996px，DIV里面的背景图能够按照1所列的方法，这样的效果是比较理想的，就是选择和处理背景图片须要一些功夫。
　　三、采用脚本控制，判断用户设置的横向分辨率若是大于1024，则DIV显示，不然就不显示。
　　先把一些处理写成样式，而后
　　if(screen.width>=1024){
　　　　 document.write("<style type='text/css'>样式表的内容</style>");
　　}
　　或者应用Jquery进行属性的修改.

　　有时候根据须要进行背景变换，那么能够经过脚原本实现。
　　function ChangeBG(SSelect) 
　　{ 
　　　　if(SSelect == 'color') 
　　　　{ 
　　　　//改变背景色 
　　　　　　document.body.style.backgroundColor="颜色代码";
　　　　} 
　　　　if(SSelect == 'p_w_picpath') 
　　　　{ 
　　　　//改变背景图片
　　　　　　document.body.style.backgroundImage="url(图片路径和名称)"; 
　　　　} 
　　} 
　　在对DIV进行背景铺设时，也能够用脚原本控制显示背景。
　　随机背景：
　　var BgPic = [];
　　BgPic[0] = "图片路径和名称１";
　　BgPic[1] = "图片路径和名称２";
　　BgPic[2] = "图片路径和名称３";
　　var IRand = Math.round( Math.random() * 3 );
　　document.write('<style>body{background:url(' + BgPic[IRand] + ');background-repeat:repeat-x;background-color:#e7e7e7; }</style>');