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

时间:2015-02-22 16:18:43

标签: html css background opacity

我正在尝试学习HTML和CSS,我正在做自己的网站。 我用于背景图片

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

width: 100%;
height: auto;

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

我想让div不透明,以便在其上添加一些照片。

对于我使用的网站中的其他div

background-color:black;

不透明度:0.8;

问题是当使用不透明度时:1;在应该包含照片的div上,div消失(它在主背景图像后面显示一瞬间)。 我理解不透明度从父节点转移到子节点但我刚刚删除了所有类,并通过粘贴那两行代码和我需要的不透明度div来使每个div透明:1;仍然在背景下消失。 有任何想法吗?谢谢。

1 个答案:

答案 0 :(得分:0)

我建议使用rgba颜色来制作不透明的东西,或者你可以使用不透明的图片(例如png)。

你会像这样使用rgba:

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

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