老张小站

以下是另一种方法（DZ勿用），但需注意的是，如果您的页面上存在浮动框，请勿使用此方法。
此方法将造成浮动框无法跟随屏幕滚动而滚动。

1、由于本方法在IE6/7下存在问题，因此我们在IE6/7浏览器下保留原后台背景设置。

打开当前模板路径下 common/common.css 样式文件，查找：

	body { {BGCODE}; }

替换为：

	body { *{BGCODE}; background-color: {BGCOLOR}; }

说明：IE6/7浏览器下，执行后台风格中的背景设置（颜色/背景图片）。其它浏览器中仅输入其中的背景颜色。

2、在当前模板路径下 common/extend_common.css 样式文件（如果没有请新建）中加入以下代码：

html {height:100%; overflow:hidden; *overflow:visible; *overflow-y:scroll;}
body {height:100%; overflow-y:scroll; *overflow-y:visible; min-height:100%; zoom:1;}
#bgimage {position:absolute; top:0; left:0; height:100%; width:100%; z-index: -10; background-image:url("{IMGDIR}/bg.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover;/*Webkit:Chrome/Safari*/ -moz-background-size:cover; -o-background-size:cover;/*Opera*/ background-size:cover; zoom:1;}
#bgimage_ie8 {position:absolute; top:0; left:0; height:100%; width:100%; z-index: -10; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{IMGDIR}/bg.jpg',sizingMethod='scale')";}

说明：
第1行将整个HTML页面的高度定义为全屏（100%），超出部分隐藏。但在IE6/7下按默认方式显示。
第2行将body的高度定义为100%，显示垂直滚动条。但在IE6/7中按默认方式显示。
第3行是IE9及以上版本的IE浏览器和非IE浏览器下，背景图片及其缩放代码。
第4行是IE8浏览器下，背景图片及其缩放代码。

请将背景文件 bg.jpg 上传到风格设置的 界面基础图片目录 。

3、在当前模板路径下 common/header 样式文件中查找：

<div id="append_parent"></div><div id="ajaxwaitid"></div>

在其前面加入：

<!--[if (gte IE 9)|(!IE)]><!--><div id="bgimage"></div><![endif]--><!--[if IE 8]><div id="bgimage_ie8"></div><![endif]-->

说明：IE9及以上版本的IE浏览器和非IE浏览器下，采用第二步中添加的 bgimage 样式；在IE8下采用 bgimage_ie8 样式。

上传覆盖，更新数据缓存和模板缓存。