css3中調(diào)節(jié)透明度的方法:可以使用opacity屬性來設(shè)置透明度,如【opacity:0.5; filter:Alpha(opacity=50);】,表示將元素透明度設(shè)置為0.5。
本文操作環(huán)境:windows10系統(tǒng)、css 3、thinkpad t480電腦。
屬性介紹:
opacity 屬性設(shè)置元素的不透明級別。
語法:
opacity: value|inherit;
屬性值:
-
value 規(guī)定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。
-
inherit 應(yīng)該從父元素繼承 opacity 屬性的值。
調(diào)節(jié)透明度的方法:
<!DOCTYPE html> <html> <head> <style> div { background-color:red; opacity:0.5; filter:Alpha(opacity=50); /* IE8 以及更早的瀏覽器 */ } </style> </head> <body> <div>本元素的不透明度是 0.5。請注意,文本和背景色都受到不透明級別的影響。</div> </body> </html>
運行結(jié)果: