gpt4 book ai didi

css - react : background image overlaps navbar

转载 作者:太空宇宙 更新时间:2023-11-04 00:35:52 24 4
gpt4 key购买 nike

您好,我正在开发一个 React 元素。在 App.js 中,

return (
<HashRouter>
<Route path="/about" component={About} />
<Navigation />
</HashRouter>
);

我在 about.js 中添加了背景图片

.background {
background-image: url('../source/loyoalfree.jpg');
/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

然后我仍然可以看到导航栏
但不能再点击导航栏。
我认为背景图像覆盖了导航栏。
我该如何解决这个问题?

最佳答案

您应该为图像添加 z-index。

.image { 
position: relative;
z-index: -1;
/* your remaining css*/
}

关于css - react : background image overlaps navbar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59437106/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com