css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

引用链接:http://blog.csdn.net/mshopping/article/details/3292167

FILTER:progid:DXImageTransform.Microsoft.Gradient使用 
语法： 
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)
属性： 
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false 
　　true: 默认值。滤镜激活。 
　　false:滤镜被禁止。 

startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。 
　　其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。 
　　取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。 
EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。 
特性： 
Enabled:可读写。布尔值(Boolean)。参阅 enabled 属性。 
GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0 
　　1:默认值。水平渐变。 
　　0:垂直渐变。 
StartColorStr:可读写。字符串(String)。参阅 startColorStr 属性。 
StartColor:可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。 
EndColorStr:可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。 
EndColor:可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时，也可以用十六进制格式： 0xAARRGGBB 。 
说明： 
在对象的背景和内容之间显示定制的色彩层。 
当此效果通过转变显示时，在渐变册色彩层之上的文本程序性的初始化为透明的，当色彩渐变实现后，文本颜色会以其定义的值更新。 
示例： 
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;} 

#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient() ;} 
具体使用 
<table border=1 width=100%> 
<tr> 
<td STYLE="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr='#ffffff',endColorStr='#ff0000')"> </td> 
</tr> 
</table>

另一个使用例子:
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>
BODY {
FONT-SIZE: 14px; 
MARGIN-LEFT: 60px
}

DIV {
height:25;
padding:3;
BORDER-RIGHT: lightblue 1px solid; 
BORDER-TOP: lightblue 1px solid; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='lightblue', endColorStr='#FFFFFF', gradientType='1'); 
BORDER-LEFT: lightblue 1px solid; 
WIDTH: 200px; 
BORDER-BOTTOM: lightblue 1px solid
}

SPAN {
height:25;padding:3;
BORDER-RIGHT: lightblue 1px solid; 
BORDER-TOP: lightblue 1px solid; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='lightblue', endColorStr='#FFFFFF', gradientType='0'); 
MARGIN-T: -25px; 
BORDER-LEFT: lightblue 1px solid; 
WIDTH: 225px; 
BORDER-BOTTOM: lightblue 1px solid
}
</STYLE>

<SPAN>个人简历：</SPAN>
<DIV>作品展示(时间倒序)</DIV>
<DIV>其他情况</DIV>
<SPAN>个人简历：</SPAN>
<DIV>作品展示(时间倒序)</DIV>
<DIV>其他情况</DIV>
<SPAN>个人简历：</SPAN>
<DIV>作品展示(时间倒序)</DIV>
<DIV>其他情况</DIV>