opacity 属性规定了一个元素的透明度。换言之,opacity属性指定了一个元素后面的背景的被覆盖程度。
opacity: value|inherit;
值 | 描述 |
---|---|
value | 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。 |
inherit | 应该从父元素继承 opacity 属性的值。 |
HTML
<div class="stage">元素透明度为0.7,请注意,文本和背景色都受到不透明级别的影响。</div>
CSS
.stage { background-color:red; opacity:0.7; filter:Alpha(opacity=70); /* IE8 以及更早的浏览器 */ }
执行结果