?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
filter:<filter>+
適用于:所有元素
繼承性:無(wú)
動(dòng)畫(huà)性:是
計(jì)算值:指定值
<filter>:要使用的濾鏡效果。多個(gè)濾鏡之間用空格隔開(kāi)。
最常用的濾鏡效果是不透明效果,如果要實(shí)現(xiàn)50%的不透明度(其它高級(jí)瀏覽器的實(shí)現(xiàn)參閱opacity):
示例代碼:
div{filter:alpha(opacity=50);} /* for IE8 and earlier */ div{opacity:.5;} /* for IE9 and other browsers */
以上2段代碼的效果相同
對(duì)應(yīng)的腳本特性為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參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</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">模糊和翻轉(zhuǎn)的box</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例