html - 图片挡住了我的导航栏和上面的图片。基本的 HTML/CSS 问题

Question

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

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

使用固定和绝对位置会使图像与导航栏水平堆叠，但任何其他位置都会导致导航栏跳到我正在使用的图像(这是一张月亮的图片)的正下方它被切断了图片，文字，但它在导航栏后面。

我尝试过的事情:把它放在一个里面我不知道那会怎样，我试着把它放在一个 div 里面 float 。

我也读过一些关于将它放在 z 或 y 轴上的评论，但我不知道那是什么意思，我仍在阅读它或试图找到帮助我理解它的东西。

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

Answer 1

使用 -1 的 z-index:

#backgroundImage {
    z-index: -1;
}

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