CSS背景透明度？答案

【问题标题】：css background transparency?CSS背景透明度？
【发布时间】：2018-01-07 07:07:26
【问题描述】：

所以我一直在浪费大量时间尝试做一些简单的事情。使用自定义 css 插件，我一直在尝试将我的身体设置为透明以在背景中查看图像。

我首先尝试使用的是不透明度选择器，但它会将正文中的所有内容设置为透明。我想让我的图像和文字不透明。我已经在谷歌上搜索了好几个小时，我为其他人看到的每个答案都是使用 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)
}

【问题讨论】：

这里有什么问题？身体是透明的。我可以看到背景图片
@Anandhunadesh 身体是透明的，但我不希望图像和文字是透明的。使任何东西透明的唯一因素是不透明度：但这只会使身体中的所有东西都透明
知道了..请检查我的答案..

标签： css transparency opacity rgba

【解决方案1】：

用 id="page" 改变 div 的背景颜色

例如

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

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

【讨论】：

【解决方案2】：

使用这个

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

【讨论】：

【解决方案3】：

` .site-header {

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

} `

rgba 不是属性，它是你在背景中遗漏的值：

将背景大小设置为覆盖的背景图像。

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

【讨论】：