Blur兼容性:IE5.5+
語法:
filter : progid:DXImageTransform.Microsoft.Blur ( enabled=bEnabled , makeShadow=bShadow , pixelRadius=flRadius , shadowOpacity=fOpacity )
屬性:
enabled : 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。true | false
true :默認值。濾鏡激活。
false :濾鏡被禁止。
makeShadow : 可選項。布爾值(Boolean)。設置或檢索對象的內容是否被處理為陰影顯示。 true | false
true :對象的內容被處理為陰影。此時,整個對象被設置為黑色,然後被添加模糊效果。調整 ShadowOpacity 參數值可以控制其暗度。
false :默認值。顯示對象的原始色彩。
pixelRadius : 可選項。浮點數(Float)。設置或檢索模糊效果的作用深度。默認單位為像素( px )。
取值範圍為 1.0 - 100.0 。默認值為 2.0 。當此參數值小於 1.0 時濾鏡失去作用。當此參數值大於 100.0 時,此參數使用默認值 2.0
shadowOpacity : 可選項。浮點數(Float)。設置或檢索使用 makeShadow 製作成的陰影的透明度(暗度)。
取值範圍為 0.0 - 1.0 0.0 為完全透明。 1.0 為完全不透明。默認值為 0.75 。當此參數值不在取值範圍內時,此參數使用默認值 0.75
特性:
Enabled :可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
MakeShadow :可讀寫。布爾值(Boolean)。參閱 makeShadow 屬性。
PixelRadius :可讀寫。浮點數(Float)。參閱 pixelRadius 屬性。
ShadowOpacity :可讀寫。浮點數(Float)。參閱 shadowOpacity 屬性。
說明:
製作對像內容的模糊效果。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.blur() ; }
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.blur(pixelradius=3.0, makeshadow='true', ShadowOpacity=1.0); }
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.blur(pixelradius=3, enabled='false') ; }