Nextjs内置图像重叠

Question

嘿，我使用了正常的<img>和Nextjs<Image>，我使用的是带有顺风CSSclassName=" fixed left-0 right-0 top-0 "的标头

在使用这些之后，只有Nextjs<Image>重叠在我的标题顶部，我有一个正常的<img>，它工作得很好，但Nextjs<Image>重叠，而且我试图将className="-z-10"赋予<Image>，它在视觉外观上工作得很不错，我使用了链接来发布图像所在的博客文章，我在标题中有签名按钮，当我们滚动时，如果博客文章和登录都在同一个地方，链接路由器正在触发，但登录验证按钮，有人能帮我吗？

git-link——网络应用的git-hub链接

已部署的链接--已部署的web应用

Answer 1

可能有很多方法可以解决这个问题，但我要做的是创建一个Layout。在根目录中创建文件夹：Layout>ClientLayout.js

这将转到ClientLayout.js

const ClientLayout = ({ children }) => {
return (
<div>
<Header />
<div>{children}</div>
{/* <Footer /> */}
{/* All Modals goes below this */}
</div>
);
};
export default ClientLayout;

然后转到_app.js并添加以下内容：

function MyApp({ Component, pageProps }) {
return (
<ClientLayout>
<Component {...pageProps} />
</ClientLayout>
);
}