html - 图像阻碍了我的导航栏和上面的图像。基本 HTML/CSS 问题

Question

我的网站上有一张图片，我想将其设置为自己的实体，我可以自由地调整和调整而不会与其他元素发生冲突，我有它的 CSS 为

#backgroundImage{
position:absolute;
float:right;    
top:0;
left:50%;
}

使用固定和绝对位置会导致图像与导航栏堆叠级别，但任何其他位置都会导致导航栏在我正在使用的图像下方跳转（这是月亮的图片）它正在切断图像，文本，但它位于导航栏的后面。

我尝试过的事情：把它放在一个我不知道这会如何工作，我尝试将它浮动包含在一个 div 中。

我还阅读了一些关于将它放在 z 或 y 轴上的评论，但我不知道这意味着什么，我仍在阅读它或试图找到一些东西来帮助我理解它。

这是一个学校项目，我在这个领域还是很基础的。

score 1 · Accepted Answer

使用z-index一个-1：

#backgroundImage {
    z-index: -1;
}

此外，不建议您使用驼峰式命名元素 - 改用破折号。

score 0 · Accepted Answer

如果您希望元素完全独立，请尝试使用 html 中的元素。但是，它不一定会留在后台。希望这就是你要找的

2 回答 2