目前,我正在尝试学习HTML和CSS,并正在为自己创建一个网站。
我用于背景图片
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
我想使div不透明,以便在上面添加一些照片。
对于我使用的网站中的其余div
背景颜色:黑色;
不透明度:0.8;
问题是使用不透明度时:1;在应该包含照片的div上,div消失了(它显示在主背景图像后面一瞬间)。
我知道不透明度从父div转移到子div,但是我刚刚删除了所有类,并通过粘贴这两行代码和我需要的div使其不透明来使每个div透明:1;在背景下仍然消失。
有任何想法吗?谢谢。
最佳答案
我建议使用rgba颜色使事物变得不透明,或者您可以使用不透明的图片(例如png)。
您可以这样使用rgba:
background: rgba(0,0,0,0.5);
0.5表示不透明程度,0,0,0是黑色-将其更改为所需的任何颜色。