反饋

Filters

鎖定

css中的濾鏡，在計算機中filters類濾鏡主要是用來實現圖像的各種特殊效果。

外文名: Filters

用途: 用來實現圖像的各種特殊效果

Filters簡介

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

濾鏡：在計算機中filters類濾鏡主要是用來實現圖像的各種特殊效果。

要使用的濾鏡效果。多個濾鏡之間用空格隔開。

CSS1 filter 屬性

説明：本文檔兼容性測試基礎環境為：windows系統；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

Filters語法

filter：<filter>+

適用於：所有元素

繼承性：無

Filters取值

<filter>：
要使用的濾鏡效果。多個濾鏡之間用空格隔開。

Filters説明

設置或檢索對象所應用的濾鏡效果。

最常用的濾鏡效果是不透明效果，如果要實現50%的不透明度（其它高級瀏覽器的實現參閲opacity）：示例代碼：div{filter:alpha(opacity=50);} /* for IE8 and earlier */div{opacity:.5;} /* for IE9 and other browsers */以上2段代碼的效果相同
對應的腳本特性為filter。

Filters兼容性

淺綠= 支持
紅色= 不支持
墨綠= 部分支持
橙色= 實驗性質

支持版本\類型	IE	Firefox	Safari	Chrome	Opera
版本	6	4-18	5.1.7	13-23	11.5-12.5

Filters示例

<!DOCTYPE html>

<html>

<head>

<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>模糊和翻轉的box</div>

</body>

</html>

詞條統計

瀏覽次數：次
編輯次數：11次歷史版本
最近更新： x6yl06_s迷宫（2024-04-05）

1 簡介
2 語法
3 取值
4 説明
5 兼容性
6 示例