©
本文档使用 PHP中文网手册 发布
filter:<filter>+
适用于:所有元素
继承性:无
动画性:是
计算值:指定值
<filter>:要使用的滤镜效果。多个滤镜之间用空格隔开。
最常用的滤镜效果是不透明效果,如果要实现50%的不透明度(其它高级浏览器的实现参阅opacity):
示例代码:
div{filter:alpha(opacity=50);} /* for IE8 and earlier */ div{opacity:.5;} /* for IE9 and other browsers */
以上2段代码的效果相同
对应的脚本特性为filter。
Values | IE |
---|---|
Basic Support | 6.0-9.0 |
10.0-11.0 |
<!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>
点击 "运行实例" 按钮查看在线实例