Question

怎样用css实现一个图片的颜色从左至右的渐变

<td height="64" colspan="7" bgcolor="#007AAD"id=tb><img src="tbanner.gif" width="500" height="121" alt="" /></td>
要实现以上这个图片颜色从左至右的渐变,用css怎样做,我知道是用滤镜的,可我做不出来,高手们出手救救急吧

Answer 1

比如：
.sss{ filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#000000', endColorStr='#666666', gradientType='1')}

其中gradientType='1' 的值可以改的。0，1，2任意你自己咯就是水平，垂直之类的不同。

不建议用滤镜来做渐变，因为像FIREFOX那些核心的浏览器是无法显示出你的渐变得，包括NETSCAPE,OPEAR等都没办法，要渐变的话应该用图片直接做好再贴上去。

Answer 2

background: -webkit-linear-gradient(left, red , blue);
针对于谷歌苹果浏览器 /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, red, blue);
针对于欧鹏浏览器 /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
针对于火狐浏览器
background: linear-gradient(to right, red , blue);
标准语法ie9/* 标准的语法 */
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/
针对于低版本浏览器使用的是css滤镜filter，现代浏览器和手机移动端基本用的是css3

Answer 3

CSS本身可以控制背景色，用linear-gradient(to right, 左边颜色 , 右边颜色);