要用背景图片比较好，一个是有的css+js技术实现不了所想要的效果。而是有的js并不一定能对所有浏览嚣兼容。
而用背景图片呢，一就是不存在什么兼容不兼容的了，除非用PNG格式的，但这个也有办法都兼容；二是图片小，没有影响到浏览速度的。
用图片吧，效率最高，最省资源，但是图片有一个不足就是在css里面不能将它拉伸，如果你的页面大小是固定，那还好办，如果页面大小是不固定的，视觉效果上多上会受点影响，比如你的页面高度是600px，你做一个1px宽600px高的图片，repeat-x，而后页面高度变为900px了，页面多出的300px的就没有背景了，如果你先前用的不是repeat-x而是repeat，那么就会重复上面的背景，有时候也不好看。一个解决办法是，拾取背景图片最下面那个像素的颜色值，设一个background-color，这样，多出的部分会以这个颜色填充，效果相对还可以
这个肯定是用背景图片弄比较好，用样式不能达到左中右颜色渐变。
你弄背景图片的时候可以弄小一点的图片，然后让图片循环就可以了。
背景图 repeat-x
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024