编辑“静态滤镜”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==Alpha==
语法： <br>
filter : progid:DXImageTransform.Microsoft.Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPercent , finishX=iPercent , finishY=iPercent ) <br>
属性：
<br>enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 
false:滤镜被禁止。  <br>
style:可选项。整数值(Integer)。设置或检索透明渐变的样式。0 | 1 | 2 | 3 0  :　 默认值。整体透明度。将 Opacity 值均匀的作用于对象。 
<br>1:线性渐变透明度。从由 StartX 和 StartY 决定的点，由 Opacity 决定的透明度开始，到由 FinishX 和 FinishY 决定的点，由 FinishOpacity 决定的透明度结束。 <br> 
2:圆形放射渐变透明度。圆形放射区域的圆心为对象的中心，圆周到与对象的边相切为止。透明渐变由圆心开始，到圆周结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。 
<br>3:矩形放射渐变透明度。由对象的边开始，到对象的中心结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。  <br>
opacity:可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。  
<br>finishOpacity:可选项。整数值(Integer)。设置或检索透明渐变的结束透明度。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。  
<br>startX:可选项。整数值(Integer)。设置或检索透明渐变开始点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。  
startY:可选项。整数值(Integer)。设置或检索透明渐变开始点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。  
<br>finishX:可选项。整数值(Integer)。设置或检索透明渐变结束点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。  <br>
finishY:可选项。整数值(Integer)。设置或检索透明渐变结束点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。  <br>

特性：
<br>Enabled:可读写。布尔值(Boolean)。  <br>
Style:可读写。整数值(Integer)。
<br>Opacity:可读写。整数值(Integer)。 <br>
FinishOpacity:可读写。整数值(Integer)。<br> 
StartX:可读写。整数值(Integer)。 <br>
StartY:可读写。整数值(Integer)。 
<br>FinishX:可读写。整数值(Integer)。
<br>FinishY:可读写。整数值(Integer)。 <br>
说明：<br>
调整对象内容的透明度。<br>
你可以设置整体透明度，或线性渐变和放射渐变的透明度。 <br>
示例：
<br>#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

==BasicImage==
语法： <br>
filter : progid:DXImageTransform.Microsoft.BasicImage ( enabled=bEnabled , grayScale=bGray , mirror=bMirror , opacity=fOpacity , XRay=bXRay ) <br>
属性：<br>
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false:滤镜被禁止。 <br>
grayScale:可选项。布尔值(Boolean)。设置或检索是否以灰度显示对象内容。0 | 1 1  :　 以灰度效果显示对象内容。 <br>
0: 默认值。显示对象的原始色彩。 <br>
mirror:可选项。布尔值(Boolean)。设置或检索是否反转显示对象内容。0 | 1 1  :　 反转显示对象内容。 <br>
0:默认值。正常显示对象内容。<br> 
opacity:可选项。浮点数(Float)。设置对象内容的透明度。取值范围为 0.0 - 1.0 。默认值为 1.0 。不透明黑色。 0.0 为完全透明。 <br>
XRay:可选项。布尔值(Boolean)。设置或检索是否以X光效果显示对象内容。0 | 1 1  :　 以X光效果显示对象内容。 <br>
0:默认值。正常显示对象内容。 <br> 

特性：
Enabled:可读写。布尔值(Boolean)。<br> 
GrayScale:可读写。布尔值(Boolean)。<br> 
Invert:可读写。布尔值(Boolean)。设置或检索对象内容是否反相显示。0 | 1 1  :　 反相显示对象内容。 <br>
0:默认值。显示对象的原始色彩。 <br> 
Mask:可读写。布尔值(Boolean)。设置或检索是否依据 MaskColor 的值为对象添加遮罩(Mask)。0 | 1 1  :　 添加遮罩。 <br>
0:默认值。显示对象的原始色彩。 <br> 
MaskColor:可读写。整数值(Integer)。设置或检索遮罩颜色。<br>
其格式为 0xAARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值， AA 指定透明度。 00 是完全透明。 FF 是完全不透明。取值范围为 0x00000000 - 0xFFFFFFFF 。默认值为 0x00000000 。不透明黑色。  <br>
Mirror:可读写。布尔值(Boolean)。<br>
Opacity:可读写。浮点数(Float)。<br> 
Rotation :可读写。整数值(Integer)。设置或检索对象内容的旋转。0 | 1 | 2 | 3 0  :　 默认值。内容不旋转。 <br>
1: 内容旋转90度。 <br>
2: 内容旋转180度。 
<br>3:内容旋转270度。<br> 
XRay:可读写。布尔值(Boolean)。<br>
说明：<br>
用于色彩处理，图像旋转，或对象内容的透明度。 <br>
当此效果通过转变显示时，在渐变册色彩层之上的文本程序性的初始化为透明的，当色彩渐变实现后，文本颜色会以其定义的值更新。 <br>
示例：
<br>#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.2); }
==Blur==
语法：<br>
filter : progid:DXImageTransform.Microsoft.Blur ( enabled=bEnabled , makeShadow=bShadow , pixelRadius=flRadius , shadowOpacity=fOpacity ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
makeShadow  :　 可选项。布尔值(Boolean)。设置或检索对象的内容是否被处理为阴影显示。 true | false true  :　 对象的内容被处理为阴影。此时，整个对象被设置为黑色，然后被添加模糊效果。调整 ShadowOpacity 参数值可以控制其暗度。 <br>
false  :　 默认值。显示对象的原始色彩。 <br>
pixelRadius  :　 可选项。浮点数(Float)。设置或检索模糊效果的作用深度。默认单位为像素( px )。<br>
取值范围为 1.0 - 100.0 。默认值为 2.0 。当此参数值小于 1.0 时滤镜失去作用。当此参数值大于 100.0 时，此参数使用默认值 2.0 。  
<br>shadowOpacity  :　 可选项。浮点数(Float)。设置或检索使用 makeShadow 制作成的阴影的透明度(暗度)。<br>
取值范围为 0.0 - 1.0 。 0.0 为完全透明。 1.0 为完全不透明。默认值为 0.75 。当此参数值不在取值范围内时，此参数使用默认值 0.75 。  <br>
特性：
<br>Enabled  :　 可读写。布尔值(Boolean)。<br>
MakeShadow  :　 可读写。布尔值(Boolean)。<br> 
PixelRadius  :　 可读写。浮点数(Float)。<br> 
ShadowOpacity  :　 可读写。浮点数(Float)。<br>
说明：<br>
制作对象内容的模糊效果。 <br>
示例：<br>
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.blur() ; }
==Chroma==
语法：filter : progid:DXImageTransform.Microsoft.Chroma ( enabled=bEnabled , color=sColor ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br>
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。<br>
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值， AA 指定透明度。 00 是完全透明。 FF 是完全不透明。默认值为 #FF0000FF 。  <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean).<br> 
Color  :　 可读写。字符串(String)。<br> 
说明：<br>
将对象中指定的颜色显示为透明。<br>
不建议在8位到24位抖动的图片文件上使用此滤镜。例如保存时会抖动和压缩的JPEG格式图片文件，应用此滤镜，其结果会很难看。<br>
此效果在羽化(柔化色彩以同周围相邻的颜色平和的过渡)的线条等处也不会很好的作用。<br>
确定的 color 参数值可能会导致图片自身的透明颜色变为不透明。 <br>
示例：<br>
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow'), progid:DXImageTransform.Microsoft.Chroma(color='red') ; }<br>
==DropShadow==
语法： <br>
filter : progid:DXImageTransform.Microsoft.DropShadow ( enabled=bEnabled , color=sColor , offX=iOffsetX , offY=iOffsetY , positive=bPositive ) <br>
属性：
<br>enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。<br> 
false  :　 滤镜被禁止。 <br> 
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。<br>
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值， AA 指定透明度。 00 是完全透明。 FF 是完全不透明,默认值为 #FF404040 。  <br>
offX  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索阴影在横坐标轴上以对象为基准的偏移量。正值向右偏移，负值向左偏移。默认值为 5 。  <br>
offY  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索阴影在纵坐标轴上以对象为基准的偏移量。正值向下偏移，负值向上偏移。默认值为 5 。  <br>
positive  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否从对象的非透明像素建立阴影。假如你有一个透明的对象但想给它建立普通的阴影，设置此参数值为 true。这会让透明对象的阴影在透明区域外，而非在透明区域内。true | false true  :　 默认值。滤镜从对象的非透明像素建立阴影。 <br>
false  :　 滤镜从对象的透明像素建立阴影。 <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br>
Color  :　 可读写。字符串(String)。 
<br>OffX  :　 可读写。整数值(Integer)。 <br>
OffY  :　 可读写。整数值(Integer)。 <br>
Positive  :　 可读写。布尔值(Boolean)。<br>
说明：<br>
制作对象的阴影效果。<br>
示例：<br>
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive=true); }<br>
==Emboss==
语法：filter : progid:DXImageTransform.Microsoft.Emboss ( enabled=bEnabled , Bias=fBias )  <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
Bias  :　 可选项。浮点数(Float)。设置或检索添加到滤镜结果的每种颜色组分的值的百分比。取值范围为 -1.0 - 1.0 。默认值为 0.7 。大的此参数值产生高亮滤光效果。高对比度的图片受此滤镜的影响较小。  <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br>
Bias  :　 可读写。浮点数(Float)。<br> 
说明：用灰度值为对象内容制作浮雕纹理效果。<br>
示例：<br>
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.emboss(enabled='false') ; }<br>
==MotionBlur==
语法： <br>
filter : progid:DXImageTransform.Microsoft.MotionBlur ( enabled=bEnabled , add=bAddImage , direction=iOffset , strength=iDistance ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
add  :　 可选项。布尔值(Boolean)。设置或检索滤镜作用图像是否覆盖原始图像。true | false true  :　 滤镜作用图像覆盖原始图像。 <br>
false  :　 默认值。只显示滤镜作用图像。 <br> 
direction  :　 可选项。整数值(Integer)。设置或检索滤镜效果的运动偏移方向。默认单位为角度。0 | 45 | 90 | 135 | 180 | 225 | 270 | 315<br>
小于 0 或大于 360 的值会自动转换为 0 - 360 之间的值。例如， -45 会转换为 315 。 0  :　 上。 <br>
45  :　 右上。 <br>
90  :　 下。 
<br>135  :　 右下。 <br>
180  :　 下。 <br>
225  :　 左下。 <br>
270  :　 默认值。左。 <br>
315  :　 左上。 <br>
strength  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索以对象为基准的在运动方向上的向外扩散距离。取值范围为 >=0 。默认值为 5 。  <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br>
Add  :　 可读写。布尔值(Boolean)。<br> 
Direction  :　 可读写。整数值(Integer)。<br> 
Strength  :　 可读写。整数值(Integer)。<br> 
说明：<br>
为对象内容制作运动模糊效果。<br>
示例：<br>
DIV.aFilter {filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=5,Direction=90);}<br>
==Flip==
语法：filter : FlipH ( enabled=bEnabled ) /FlipV ( enabled=bEnabled )<br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br>
特性：Enabled  :　 可读写。布尔值(Boolean)。<br>
说明：<br>
水平/垂直翻转对象内容。<br>
使用 BasicImage 滤镜可以更有效率的建立效果。<br> 
示例：<br>
#idDiv{ height:250px; width:250px; filter:FlipH(); }<br>
#idDiv{ height:250px; width:250px; filter:FlipV(); }
==Glow==
语法：filter : progid:DXImageTransform.Microsoft.Glow ( enabled=bEnabled , color=sColor , strength=iDistance ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br>
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。<br>
其格式为 #RRGGBB 。 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值.<br>
默认值为 #FF0000 。  <br>
strength  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索以对象为基准的向外扩散距离。取值范围为 1 - 255 。默认值为 5 。  <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean).<br>
Color  :　 可读写。字符串(String)。<br>
Strength  :　 可读写。整数值(Integer)。 <br>
说明：<br>
环绕对象内容边缘添加辉光制作发热效果。辉光将出现在对象边界内的内容的最外轮廓之外。<br>
假如对象内有文本而无背景( background )和图片，则每个文本字符将会被辉光环绕。 <br>
假如对象内有背景( background )或图片，则整个对象容器会被辉光环绕。 <br>
假如对象的子对象定位超出了对象边界，则仅仅在对象容器内的内容会被辉光环绕。<br> 
示例：<br>
#idDiv{position:absolute; left:140px; height:400; width:400;filter: glow(Color=blue,Strength=5) ; }<br>\
==Gray==
语法：filter : Gray ( enabled=bEnabled )  <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br>
特性：Enabled  :　 可读写。布尔值(Boolean)。<br>
说明：<br>
灰度显示对象内容。<br>
使用 BasicImage 滤镜可以更有效率的建立效果。 <br>
示例：<br>
#idDiv{ height:250px; width:250px; filter:Gray(); }<br>
==Invert==
语法：filter : Invert ( enabled=bEnabled ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br>
特性：Enabled  :　 可读写。布尔值(Boolean)。<br>
说明：<br>
反相显示对象内容。<br>
使用 BasicImage 滤镜可以更有效率的建立效果。 <br>
示例：<br>
#idDiv{ height:250px; width:250px; filter:Invert(); }
==Xray==
语法：filter : Xray ( enabled=bEnabled ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。 <br>
说明：<br>
以X光效果显示对象内容。<br>
使用 BasicImage 滤镜可以更有效率的建立效果。 <br>
示例：<br>
#idDiv{ height:250px; width:250px; filter:Xray(); }
==Shadow==
语法：filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=bEnabled , color=sColor , direction=iOffset , strength=iDistance )  <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。<br>
其格式为 #RRGGBB 。 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值.<br>
direction  :　 可选项。整数值(Integer)。设置或检索滤镜效果的运动偏移方向。默认单位为角度。0 | 45 | 90 | 135 | 180 | 225 | 270 | 315<br>
小于 0 或大于 360 的值会自动转换为 0 - 360 之间的值。例如， -45 会转换为 315 。 0  :　 上。 <br>
45  :　 右上。 <br>
90  :　 下。 
<br>135  :　 右下。 <br>
180  :　 下。 
<br>225  :　 默认值。左下。 
<br>270  :　 左。 <br>
315  :　 左上。 <br>
strength  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索以对象为基准的在运动方向上的向外扩散距离。取值范围为 >=0 。默认值为 5 。  <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br> 
Color  :　 可读写。字符串(String)。<br> 
Direction  :　 可读写。整数值(Integer)。<br> 
Strength  :　 可读写。整数值(Integer)。<br>
说明：<br>
为对象内容建立阴影效果。<br>
示例：
<br>DIV.aFilter {filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=90);}
#oDIV {filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=45, color=blue);}


[[category:CSS学习教程]]