DIV CSS 佈局教程網

<br/> 
strength的光的強度0--100；此時不能設DIV的背景色。  
</div> 
<divstyledivstyle="filter:mask(color='ff0000');width:100px;  
height:100px;text-transform:uppercase;color:black;"> 

◆DIV樣式特殊效果之mask效果

：<br/> 
沒有明顯效果,不能設背景色。  
</div> 
<divstyledivstyle="filter:shadow(color='0000ff',direction='100');  
width:100px;height:100px;"> 

◆DIV樣式特殊效果之shadow效果

<br/> 
abcdefghijklmn  
</div> 
<divstyledivstyle="filter:Xray;width:100px;height:100px;  
background-color:red;"> 

◆DIV樣式特殊效果之xray效果

<br/> 
sfasdfasdfasdfsadf  
</div> 
<divstyledivstyle="filter:progid:DXImageTransform.Microsoft.GradIEnt  
(GradIEntType=100,StartColorStr='#B5CCFA',EndColorStr='#ffffff');width:100px;height:100px;"> 
漸變效果。  
endendendendendendendendendend  
</div> 
<divstyledivstyle="filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=5);width:100px;height:100px;"> 
lsksalsslalalalalalalal  
</div> 
<divstyledivstyle="filter:alpha(opacity=100,finishOpacity=0,style=2);  
width:100px;height:100px;background-color:Yellow;"> 
</div> 

此上濾鏡效果主要參考：

http://www.lao8.org/html/8/2008-1-21/2008121182204.Html

http://ce.sysu.edu.cn/hope/Education/ShowArticle.ASP?ArticleID=2117；