css 背景透明度?

css background transparency?

所以我一直在浪费很多时间尝试做一些简单的事情。使用自定义 css 插件,我一直在尝试将 body 设置为透明,以便在背景中看到图像。

我首先尝试使用的是不透明度选择器,但它将 body 中的所有内容设置为透明。我想让我的图片和文字不透明。我已经在谷歌上搜索了好几个小时,我看到其他人的每个答案都是使用 rgba(数字、数字、数字、不透明度)。我可以看到它是如何工作的,但是使用它根本不会使背景透明。我真的不知道该怎么做,我觉得我缺少了一些非常简单的东西。

请检查我的代码,看看哪里出错了:[jaredbabinec.com][1]

还有我的css:

    body {

 opacity: .9; 
}

.site-header {

rgba(255, 255, 255, .9);

}



.site-content {
  background-color: rgba(210, 210, 210, 0.9)
}

使用这个

.site-content {background: rgba(210,210,210,0.9)}

` .site-header {

rgba(255, 255, 255, .9);

} `

rgba 不是 属性,它是您遗漏背景的值:

给正文背景图片,背景大小设置为覆盖。

您想要创建一个高度和宽度为 100% 的网站包装器 div。 使 div 的背景透明

更改 id="page"

的 div 的背景颜色

例如

#page{
background-color: rgba(185, 178, 178, 0.71);
}

根据需要更改颜色。希望这会解决你的问题