不透明度 1 - 元素消失。 HTML CSS答案

【问题标题】：Opacity 1 - elements disappearing. HTML CSS不透明度 1 - 元素消失。 HTML CSS
【发布时间】：2015-04-23 23:16:55
【问题描述】：

我目前正在尝试学习 HTML 和 CSS，并且正在为自己做一个网站。我用于背景图片

min-height: 100%;
min-width: 1024px;

width: 100%;
height: auto;

position: fixed;
top: 0;
left: 0;

我想制作一个不透明的 div，以便在上面添加一些照片。

对于我使用的站点中的其余 div

背景色：黑色；

不透明度：0.8；

问题是当使用 opacity: 1;在应该包含照片的 div 上，div 消失（它出现在主背景图像后面的瞬间）。我知道不透明度从父 div 转移到子 div，但我刚刚删除了所有类，并通过粘贴这 2 行代码和我需要的 div 来使每个 div 透明： 1;仍然消失在背景下。有任何想法吗？谢谢。

【问题讨论】：

【解决方案1】：

我建议使用 rgba 颜色使事物变得不透明，或者您可以使用不透明的图片（例如 png）。

你会像这样使用 rgba：

background: rgba(0,0,0,0.5);

0.5 表示不透明程度，0,0,0 是黑色 - 将其更改为您想要的任何颜色。

【讨论】：