FILTER:progid:DXImageTransform.Microsoft.Gradient使用
語法：
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,GradientType,startColorStr=iWidth,endColorStr=iWidth)
屬性：enabled:可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。 true | false
true: 默認值。濾鏡激活。
false:濾鏡被禁止。
GradientType:可讀寫。整數(shù)值(Integer)。設置或檢索色彩漸變的方向。1 | 0
1:默認值。水平漸變。
0:垂直漸變。
startColorStr:可選項。字符串(String)。設置或檢索色彩漸變的開始顏色和透明度。
其格式為 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 為十六進制正整數(shù)。
取值范圍為 00 - FF 。 RR 指定紅色值， GG 指定綠色值， BB 指定藍色值，
AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范圍的值將被恢復為默認值。
取值范圍為 #FF000000 - #FFFFFFFF 。默認值為 #FF0000FF 。不透明藍色。
EndColorStr:可選項。字符串(String)。設置或檢索色彩漸變的結束顏色和透明度。參閱
startColorStr 屬性。默認值為 #FF000000 。不透明黑色。
程序舉例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<style type="text/css">
<!--
body {
font-size: 12px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#6699cc', StartColorStr='#ffffff');
height: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<p> </p>
</body>
</html>
文字的漸變效果：
.FadeLine
{
padding-right: 0px;
border-top: #538f65 2px solid;
padding-left: 0px;
font-size: 22px;
filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=10,startX=10,finishX=100);
padding-bottom: 0px;
margin: 0px;
color: #3366cc;
padding-top: 0px;
}
漸變起始顏色，ff為16進制透明度
endColorStr='#ffeeeeee'
endColorStr為漸變結束顏色，ff為16進制透明度
gradientType='0'
gradientType漸變方向，'0'為垂直方向， '1'為水平方向（默認值為'1'
