老张小站

版权所有。转载本站文章时，请注明来源和链接，非常感谢！

第二页的方法更完美，您可以根据需要选择第一页或第二页其中一种方式。

1、打开当前模板路径下 common/common.css 样式文件，删除以下代码（去掉原有的背景代码，使后台背景设置失效）：

body { {BGCODE}; }

2、打开当前模板路径下 common/header_common 文件，查找：

<!--{csstemplate}-->

在其下方增加：

<!--{if (checkmobile() || dstrpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'ipad')) && $_G['uid']}--><style id="bg_mobile" type="text/css">body{background-color: #FFFFFF;}</style><!--{else}--><!--[if (gte IE 9)|(!IE)]><!--><style id="bg_pic" type="text/css">html{background: #DEEFFA url("{IMGDIR}/bg.jpg") no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}</style><![endif]--><!--[if lte IE 8]><style id="bg_basic" type="text/css">html{background: #DEEFFA url("{IMGDIR}/bg_basic.jpg") repeat fixed;}</style><![endif]--><!--{/if}-->

代码解释：
当手机或iPad访问电脑版时，背景设置为纯白色（因为手机和iPad上会自动全屏网页，无必要设置背景，设置背景还会造成渲染缓慢的问题）；
否则，在IE9及以上版本IE浏览器，和非IE浏览器下，以“界面基础图片目录”（路径见后台风格管理中当前风格的设置）下的bg.jpg为背景，且自动缩放为全屏、不滚动；在IE9以下浏览器中以bg_basic.jpg图片为背景，自动重复、不滚动。
建议bg.jpg使用大尺寸图片（参考“百度图片”的全屏背景，分辨率1600*1000即可），而bg_basic.jpg则使用可拼接的传统背景图（推荐 http://www.lanrentuku.com/bg/ ）。