我想在我的全屏背景图片上添加不透明度图层,并使用以下设置:
rgba(77,85,91,0.8)
我使用以下CSS设置我的背景封面:
background: image_url("landing_page/background.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
页面图片加载正常 - 但我无法确定正确的CSS3语法将此叠加不透明度应用于全屏html背景图像。
我尝试将一个名为'overlay'的新CSS类添加到具有以下CSS的HTML元素中:
background: rgba(77,85,91,0.8);
overflow: hidden;
height: 100%;
z-index: 2;
使用这个html:
<html class="overlay" lang="en">
但结果只是灰色而无法在下面看到我的图像....请帮助