opacity

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 以及更早的浏览器 */
}

执行结果

元素透明度为0.6,请注意,文本和背景色都受到不透明级别的影响。