在x轴上重复三种颜色的CSS背景？

Question

基本上我想模仿repeat-x技巧，你可以拍摄1像素的条形图像并在x轴上重复它，但是使用CSS代替图像。我的标题是灰色背景，中间是蓝色（主要内容），页脚是灰色。是否有办法让它在CSS中生成（灰色某些像素高，蓝色，灰色......）和（如果可能的话，高阶）它是否相对于浏览器的大小？

Answer 1

这是使用CSS3Pie的CSS3浏览器（以及IE9）的解决方案： http://css3pie.com/demos/gradient-patterns/

对于IE6-8，我不相信你可以在没有图像的情况下做点什么。