filter版本:IE5.5+專有屬性 繼承性:無
語法:
filter : filter
取值:
filter :要使用的濾鏡效果。多個濾鏡之間用空格隔開。請參閱樣式表濾鏡(Visual Filters and Transitions Reference)。
說明:
設置或檢索對像所應用的濾鏡或濾鏡集合。
此屬性僅作用於有佈局的對象,如塊對象。內聯要素要使用該屬性,必須先設定對象的 height width 屬性,或者設定 position 屬性為 absolute ,或者設定 display 屬性為 block 。請參閱對象的 hasLayout 屬性。
若要在 img 對像上應用 shadow 濾鏡,可以在該對像 img 對象的父容器上應用。
濾鏡的機制是可擴展的。通過利用Microsoft® DirectX® Media SDK,你可以使用C++開發和使用第三方濾鏡。
該屬性在MAC平台上不可用。
對應的腳本特性為 filter
示例:
div { width:200px; filter:blur(strength=50) flipv() ; }
img { filter: invert(); }
input.aFilter {filter: alpha(opacity=50);}
div { width:200px; filter:redirect ; }
.aFilter {background-color: #FFFFFF; filter: light(); color: #000000; width: 150;}
div.aFilter {filter: glow(Color=blue,Strength=5); width: 150;}
div.aFilter {filter: shadow(color=#0000FF,direction=45); width: 150; color: FF0000;}