<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
*{border:0px;padding:0px;margin:0px;line-height:100%;}
</style>
</head>
<body>
<div style="156px; height:200px; background-color:#3F3F3F; FILTER:Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=0,Starty=0,Finishx=0,Finishy=100);">
<p>div+css设置背景色渐形效果</p>
<p>用div+css生成的背景色渐形效果</p>
<p>div+css背景色渐形效果</p>
<p>设置背景色渐形效果div+css</p>
<p>支持的背景色渐形div+css效果</p>
</div>
</body>
</html>
属性参考:
enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true :默认值。滤镜激活。false :�滤镜被禁止。
style :可选项。整数值(Integer)。设置或检索透明渐变的样式。0 | 1 | 2 | 3 0 :默认值。整体透明度。将Opacity 值均匀的作用于对象。
1:线性渐变透明度。从由 StartX 和 StartY 决定的点,由 Opacity 决定的透明度开始,到由 FinishX 和FinishY 决定的点,由FinishOpacity 决定的透明度结束。
2:圆形放射渐变透明度。圆形放射区域的圆心为对象的中心,圆周到与对象的边相切为止。透明渐变由圆心开始,到圆周结束。开始透明度由 Opacity 决定,结束透明度由 FinishOpacity 决定。
3:矩形放射渐变透明度。由对象的边开始,到对象的中心结束。开始透明度由 Opacity 决定,结束透明度由FinishOpacity 决定。
opacity :可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ,即完全透明。 100 为完全不透明。
finishOpacity :可选项。整数值(Integer)。设置或检索透明渐变的结束透明度。取值范围为 0 - 100 。默认值为 0 即完全透明。 100 为完全不透明。
startX :可选项。整数值(Integer)。设置或检索透明渐变开始点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。
startY :可选项。整数值(Integer)。设置或检索透明渐变开始点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。
finishX :可选项。整数值(Integer)。设置或检索透明渐变结束点的水平坐标。其数值作为对象宽度的百分比值处理。 默认值为 0 。
finishY :可选项。整数值(Integer)。设置或检索透明渐变结束点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0