我在此测试页面上工作。
滚动页面。徽标固定在背景上，我在其上涂有紫色卷轴的区域。我把它做成紫色，以便我可以看到。
我试图使我用紫色部分透明的紫色绘制的区域，这样我就可以看到后面的背景徽标，就像滚动一样，就像紫色区域是半透明的玻璃一样。颜色为（255,0,255,0.6），在secundario.css样式上定义为
body.index #main {
padding-top: 5em;
background-color: rgba(255, 0, 255, 0.6);
}
无论我做什么，我都无法使这个紫色的区域半透明。它保持不透明。
有什么想法吗？预先感谢。
我看到您找到了另一种选择，但是如果您仍然想知道，我发现您的问题：
您将背景图像作为banner部分的一部分，这是main的兄弟姐妹（因此，即使看起来像它，>它们都不重叠）。如果要查看图像，则需要将其放在下面的一个容器中，无论是page-wrapper还是直接在body。
透明度有效，您可以获得不同的颜色结果取决于rgba的目标下的元素颜色。例如，尝试将background-color: rgba(255,0,255,0.6);更改为background-color: rgba(255,0,255,0.1);，您将看到差异。
尝试使用此
body.index #main {
opacity: 0.5;
padding-top: 5em;
background-color: rgba(255,0,255,0.6);
}
透明度有效，好的，但是紫色区域下方没有什么（只是一个空白页）。您已经在页面标头上设置了徽标背景，但在紫色区域开始的地方结束了。
最好的可能是设置#page-wrapper或类似父元素的背景。
如果您只想透明元素，它确实很容易：
background-color: transparent;
但是，如果您希望它具有颜色，则可以使用：
background-color: rgba(255,0,255,0.6);
https://www.w3schools.com/css/css_image_transparency.asp
我发现了如何做。我需要将其分配给独立的id，而不是常规样式。
某些东西可能正在干扰当前的#main ID，因此，通过创建一个新问题，就解决了问题。
谢谢大家！