Filters

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

    兼容性:

    • 淺綠= 支持
    • 紅色= 不支持
    • 墨綠= 部分支持
    • 橙色= 實驗性質
    支持版本\類型IEFirefoxSafariChromeOpera
    版本
    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>

    相關詞條

    熱門詞條

    聯絡我們