freeCodeCamp/index.md at a63b84e748e4e7c290b58c92be2f2324e4830519

Files

Kalock f749637609 Update Translation for Chinese (#21915 )

2018-12-28 15:24:35 -08:00

title, localeTitle

title	localeTitle
Background Opacity	背景不透明度

背景不透明度

opacity 属性指定元素的不透明度/透明度，即元素后面的内容可见的程度。

opacity 属性的值可以是 0.0 - 1.0 。值越低，越透明：

在此了解更多详情

您可以控制一个元素有多透明。您必须添加以下CSS属性才能实现透明度级别。

完全不透明

.class-name { 
  opacity: 1; 
} 
 
或者
 
.class-name { 
  opacity: 1.0; 
}

半透明

.class-name { 
  opacity: 0.5; 
} 
Opacity 可以是 0 到 1 之间的任何值;

透明

.class-name { 
  opacity: 0; 
} 
 
或者 
 
.class-name { 
  opacity: 0.0; 
}

或者，您可以使用透明的rgba值，如下所示：

.class-name {
  background-color: rgba (0,0,0,0.5);
}

上面的示例将背景设置为黑色，不透明度为50％。 rgba值的最后一个值是alpha值。 α值为1等于100％，0.5（简称为.5）则为50％。我们使用此方法为元素添加透明度而不影响内部内容。