Css 如何重叠2个透明div？

我有一个导航栏设置为“固定”定位在我的网页顶部，透明度为75%。我还有一个div，它保存了我所有的文本/内容，透明度也达到了75%。但是，当“content”div与导航栏重叠时，可以说，我希望“content”div的重叠区域不在那里。我还希望在“content”div和导航栏重叠的地方有一个很小的间隙

当它向上滚动时：

当重叠时：

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

重叠

第一组

position:absolute;
z-index:2;

第二节跑超过第一节跑

position:absolute;
z-index:3;

z索引将使元素重叠，但它必须具有相同的位置 您也可以使用固定或相对。我认为您可以将“content”div放在一个透明的“container”div中，该div固定在导航下方，100%宽/高。然后在“容器”上放置overflow:auto，在主体上放置overflow:hidden

“container”div将有效地成为页面的主体，所有的滚动都将在其中发生，而不是主体。因此，当您向下滚动时，“content”div会在到达导航之前消失

---

这可能是可行的，也可能不是实际的，取决于你的页面的其余部分，但我认为它可能会工作，给或采取一些其他css调整你可能需要

我试过了，但需要调整一下。container div随页面向下滚动，因此它实际上不能正常工作。如果在container div上放置

position:fixed

，它就不应该滚动。和你的导航师一样，如果我理解正确的话。然后给它一个“top”声明，将其设置在导航底部的正下方。希望这有帮助。