我目前正在与Tailwind.css合作开发一个Next.js项目. 我有一个名为NAV的页眉组件，具有以下样式:
<div className="sticky top-0 z-100 body bg-white flex flex-row items-center">Nav content here</div>
该NAV组件被导入并在an_app.tsx级别上显示，这将在整个网站上显示它.
现在，对于大多数页面来说，这是完美的，导航位于所有东西的顶部，并且完全粘性.
然而，我有一个关于页面，看起来是这样的:
<div>
<div className="absolute bg-colortheme_color-blush w-full h-4/6 md:h-2/6 lg:h-3/6 -ml-6 mt-32 lg:mt-40 z-0 lg:-ml-44"></div
<div className="flex flex-col md:flex-row w-full pt-20 md:pt-40 mb-20 flex-1 justify-center relative z-10">About content here</div>
</div>
对于上下文来说，这是非常简单的，但这就是页面的 struct .此内容不遵循指定的Z索引，并且在导航顶部滚动，而不管导航是否具有Z索引.
我的理论是，z指数在不同的组件中并不是这样工作的，但我不确定这是否准确.
有谁知道会发生什么事吗？