Question

怎样用CSS实现背景颜色纵向渐变

例一:<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='red', gradientType='1')"> 
</td>
只能实现背景的横向渐变,怎样才能实现背景的纵向渐变?
另外:
括号中
(startColorStr='#ffffff', endColorStr='red', gradientType='1')">
的单引号起什么作用?单引号的对数对颜色有没有关系?
如下面例子
例二:<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=''''#ff0066'''', endColorStr=''''#333333'''', gradientType=''''1'''')"> </td>
好像是纵向的渐变,但是我把颜色值换成其他的,颜色不改变,还是蓝变黑.
例一中多加几对单引号也会出现例二的效果,为什么?
gradientType的值控制的是什么啊?
当值是"2"的时候,为什么会出现这种效果?

Answer 1

<table cellpadding="0" cellspacing="0" width="72%" height="30" border="0">
<tr>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')">3</td>
</tr>
</table>

注意：gradientType的值~

Answer 2

在Mozilla 下
background: -moz-linear-gradient( top,#ccc,#000);
参数说明
1,起点位置top 是从上到下,left是从左到右,left top是左上到右下
2,开始颜色,
3,结束颜色
在Webkit下
-webkit-linear-gradient(top,#ccc,#000);
参数与mozilla一致
在 Opera 下
background: -o-linear-gradient(top,#ccc, #000);
数与mozilla一致
更多的参数应用可以去度娘查询,有很详细参数使用示例

Answer 3

用图片不是更方便！！

Answer 4

哎！我不知道！