Filters

css中的濾鏡。

簡介

過濾器:過濾器可用來過濾收到的檔案和保存的檔案。具有過濾功能的軟體可根據一定的規則自動採取行動,如禁止定義的內容下載上傳,按照地址自動將郵件放到定義的資料夾內,或對某類信件予以事先寫好的回覆,或刪除定義內容的信件。

濾鏡:在計算機中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。

兼容性:

•淺綠= 支持

•紅色= 不支持

•墨綠= 部分支持

•橙色= 實驗性質

支持版本\類型IEFirefoxSafariChromeOpera
版本64-185.1.713-2311.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>

相關詞條

相關搜尋

熱門詞條

聯絡我們