1.5 KiB
1.5 KiB
title | localeTitle |
---|---|
Background Opacity | 背景不透明度 |
背景不透明度
opacity属性指定元素的不透明度/透明度,即元素后面的内容可见的程度。
opacity属性的值可以是0.0 - 1.0。值越低,越透明:
在此查找更多详情
您可以选择在何种程度上使元素透明化。 您必须添加以下CSS属性才能实现透明度级别。
完全不透明
.class-name {
opacity:1;
}
OR
.class-name {
opacity:1.0;
}
半透明
.class-name {
opacity:0.5;
}
Opacity value can be anything between 0 and 1;
透明
.class-name {
opacity:0;
}
OR
.class-name {
opacity:0.0;
}
或者,您可以使用透明的rgba值,如下所示: ```CSS
。班级名称{ background-color:rgba(0,0,0,.5); } ``` 上面的示例将背景设置为黑色,不透明度为50%。 rgba值的最后一个值是alpha值。 α值为1等于100%,0.5(简称为.5)则为50%。我们使用此方法为元素添加透明度而不影响内部内容。
更多信息:
有关更多信息,请访问MDN CSS-Tricks的Opacity CSS属性
浏览器支持: caniuse