css中的濾鏡。
簡介,語法：,取值：,說明：,兼容性：,示例：,
簡介
過濾器：過濾器可用來過濾收到的檔案和保存的檔案。具有過濾功能的軟體可根據一定的規則自動採取行動，如禁止定義的內容下載上傳，按照地址自動將郵件放到定義的資料夾內，或對某類信件予以事先寫好的回覆，或刪除定義內容的信件。
濾鏡：在計算機中filters類濾鏡主要是用來實現圖像的各種特殊效果。
要使用的濾鏡效果。多個濾鏡之間用空格隔開。
CSS1 filter 屬性
說明：本文檔兼容性測試基礎環境為：windows系統；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
語法：
filter：<filter>+
適用於：所有元素
繼承性：無
取值：
- <filter>：
- 要使用的濾鏡效果。多個濾鏡之間用空格隔開。
說明：
設定或檢索對象所套用的濾鏡效果。
- 最常用的濾鏡效果是不透明效果，如果要實現50%的不透明度（其它高級瀏覽器的實現參閱opacity）：
示例代碼：
div{filter:alpha(opacity=50);} /* for IE8 and earlier */div{opacity:.5;} /* for IE9 and other browsers */
以上2段代碼的效果相同 - 對應的腳本特性為filter。
兼容性：
- 淺綠= 支持
- 紅色= 不支持
- 墨綠= 部分支持
- 橙色= 實驗性質
| 支持版本\類型 | IE | Firefox | Safari | Chrome | Opera |
|---|---|---|---|---|---|
| 版本 | 6 | 4-18 | 5.1.7 | 13-23 | 11.5-12.5 |
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>filter_CSS參考手冊_web前端開發參考手冊系列</title>
<style>
body{background:#090;}
div{width:200px;height:80px;margin-top:20px;border:10px solid #000;background:#ddd;}
.test{filter:alpha(opacity=30);}
.test2{filter:blur(strength=50) flipv();}
</style>
</head>
<body>
<div>透明度為30%的box</div>
<div>模糊和翻轉的box</div>
</body>
</html>
