我正在工作on this test page。
滚动页面。徽标固定在背景上，这个区域上面涂有紫色卷轴。我把它变成了紫色，所以我可以看到。
我正在努力使这个区域涂上紫色部分透明，所以我可以看到背后的背景标志，因为我滚动，就像紫色区域是一个半透明的玻璃。颜色为（255,0,255,0.6），并在secundario.css样式中定义为
body.index #main {
padding-top: 5em;
background-color: rgba(255, 0, 255, 0.6);
}
无论我做什么，我都无法使这个紫色区域半透明。它保持不透明。
有什么想法吗？提前谢谢。
答案 0 :(得分：1)
我看到你找到了另一种选择，但万一你还在想，我发现了你的问题：
背景图片是banner部分的一部分，main部分是page-wrapper的兄弟姐妹（因此，即使看起来像这样，他们不要重叠）。如果您想查看图片，则需要将其放在下方的其中一个容器中，body或直接放在epg_channel_id上。
答案 1 :(得分：0)
尝试使用此
body.index #main {
opacity: 0.5;
padding-top: 5em;
background-color: rgba(255,0,255,0.6);
}
答案 2 :(得分：0)
透明度有效，你可以得到不同的颜色结果取决于你rgba目标下的元素颜色。例如，尝试将background-color: rgba(255,0,255,0.6);更改为background-color: rgba(255,0,255,0.1);，您将看到差异。
答案 3 :(得分：0)
透明度有效，好吧，紫色区域下面没有任何东西（只是一个空白页面）。您已在页面标题上设置徽标背景，但会在紫色区域开始处结束。
最好的方法是在#page-wrapper或类似的父元素上设置背景。
答案 4 :(得分：0)
如果您只想让您的元素透明，那就非常简单：
background-color: transparent;
但是如果你想要它的颜色，你可以使用：
background-color: rgba(255,0,255,0.6);
答案 5 :(得分：0)
我发现了怎么做。我需要将其分配给独立的id，而不是常规风格。
某些东西可能会干扰当前的#main ID，因此，通过创建一个新问题，问题就解决了。
谢谢你们！