如何使<main>背景颜色透明而不是其中的元素？

Question

我有一个元素，其中包含许多其他元素，如标题，图像，视频等。我试图将背景颜色设置为透明的古董白色（使用不透明度属性），但是然后内部的图像和视频也变得透明。 我该如何绕过这种反应？

Answer 1

我们试试这个：

body{
  color:black;
}
body::after {
  content: "";
  background: url('image') no-repeat center center fixed;
  background-size:     cover;        
  opacity: 0.6;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;   
}