CSS3为全屏背景封面图像添加颜色不透明度

时间:2016-01-11 15:46:12

标签: html css twitter-bootstrap css3

我想在我的全屏背景图片上添加不透明度图层,并使用以下设置:

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">

但结果只是灰色而无法在下面看到我的图像....请帮助

0 个答案:

没有答案