CSS 4.2.4参考手册
目录搜索
提交中...

©
本文档使用 php.cn手册 发布

文字
分享

语法：

filter：<filter>+

适用于：所有元素

继承性：无

动画性：是

计算值：指定值

取值：

  • <filter>：要使用的滤镜效果。多个滤镜之间用空格隔开。

说明：

设置或检索对象所应用的滤镜效果。

  • 最常用的滤镜效果是不透明效果，如果要实现50%的不透明度（其它高级浏览器的实现参阅opacity）：

    示例代码：

    1

    2

    div{filter:alpha(opacity=50);} /* for IE8 and earlier */

    div{opacity:.5;} /* for IE9 and other browsers */

    以上2段代码的效果相同

  • 对应的脚本特性为filter。

兼容性：

ValuesIE
Basic Support6.0-9.0
10.0-11.0

示例：

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>filter_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<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 class="test">透明度为30%的box</div>

<div class="test2">模糊和翻转的box</div>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇：scrollbar-base-color下一篇：behavior