经常有人问动网的背景怎么制作，有的直接设计个图片加1024*768的，加在
/* 全局定义 */
html, body { background: #fff url("../images/bodybg.gif") repeat-x; color: #333; line-height:18px; }上。
这样的图片不仅占用空间而且在客户端显示也比较慢的，并且在宽屏上更是不可思议。
下面说一下动网的背景图片设计，
背景图片的高度自己设定吧，500左右就可以了，重点在宽度，你根本不需要设计过大，因为背景上面你不可能加上太多的东西，（一般采用直色或者渐变）所以在90左右就可以了，有人会问这个小可以吗，回答是可以的。
我们再来看一下动网默认的css里面
/* 全局定义 */
html, body { background: #fff url("../images/bodybg.gif") repeat-x; color: #333; line-height:18px; }
这个“repeat-x”的意思就是图案无限复制显示的意思（横向），所以你的背景这样添加以后程序会按照屏幕大小进行无限的复制显示，不会因为屏幕大小出现背景的显示不全面了。
发表于 2010-12-22 20:46:19
淘帖
分享
收藏