网页背景实现渐变色,适合所有浏览器

 前段时间公司做了一个小网站,背景要实现渐变色

 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#f3b37f', StartColorStr='#ffee93');

GradientType  0 是表示垂直变色  1 水平变色

用滤镜来实现,用微软的IE打开没问题,但是用firefox打开就没有背景色,所以用滤镜的方法失败

 

body { width:100%; height:100%; font: 12px/1.4 Verdana, Arial,sans-serif; color: #484848; text-align:center; margin:0 auto; background-image:url(images/Container_BG2.png); background-repeat:repeat-x; background-position:top; background-color:#F6C18C; }

用用背景图片+背景颜色来实现

您只需要注意背景图片的最底部的颜色 和 background-color:#F6C18C 的颜色相等即可

 

切记:颜色一定要相等