如何重叠2个透明div？

Question

我的导航栏设置为“固定”定位在我的网页顶部，透明度为75％。我有另一个div，它包含我的所有文本/内容，其透明度也为75％。但是，当“内容”div与导航栏重叠时，我希望“content”div的重叠区域不在那里，可以这么说。我还希望“内容”div与导航栏重叠的位置之间存在微小的差距。

当它向上滚动时：

当它重叠时：

在第二个屏幕截图中，我希望重叠的“内容”div部分消失。

Answer 1

重叠。

第1分区

position:absolute;
z-index:2;

第二个div超过第一个div

position:absolute;
z-index:3;

z-index将使元素重叠，但必须具有位置 你也可以使用固定或相对的。

Answer 2

我认为您可以将“内容”div放在透明的“容器”div中，该div位于导航下方并且100％宽/高。然后把溢出：自动放在“容器”上并溢出：隐藏在身体上。

“容器”div将有效地成为页面的主体，并且所有滚动都将在其中发生，而不是正文。因此，当您向下滚动时，它应该看起来像“内容”div在它到达导航之前消失。

根据页面的其他部分，这可能是也可能不实用，但我认为它可能有用，可以提供或采取一些您可能需要的其他CSS调整。