簡介
過濾器:過濾器可用來過濾收到的檔案和保存的檔案。具有過濾功能的軟體可根據一定的規則自動採取行動,如禁止定義的內容下載上傳,按照地址自動將郵件放到定義的資料夾內,或對某類信件予以事先寫好的回覆,或刪除定義內容的信件。
濾鏡:在計算機中filters類濾鏡主要是用來實現圖像的各種特殊效果。
要使用的濾鏡效果。多個濾鏡之間用空格隔開。
CSS1 filter 屬性
說明:本文檔兼容性測試基礎環境為:windows系統;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
語法:
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>