Question

我的背景图像始终显示在所有事物的前面。当然我只希望它成为背景...

我尝试在HTML文件和CSS文件中设置背景图片。两者都在我的文字和导航栏的前面。

<img src="img/homepage.jpg" id="bg" alt="oops">

*,
*::before,
*::after {
box-sizing: border-box;
}

:root{
    --bg-color: #D8D8D8;
}

body {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100vw;
height: 100vh;
color: #000;
font-family: 'Maitree', serif;
}
#bg {
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%; 
}

我希望我的照片作为背景。

Answer 1

很幸运，css具有requests.headers['Authorization']属性，可以满足您的需求。您选择要具有背景的元素，然后使用css设置图像。

如果您希望它位于整个background-image之后，可以尝试：

body

请检出https://developer.mozilla.org/en-US/docs/Web/CSS/background，因为您可以在后台进行很多操作，包括定位，更改大小，重复执行等等。

Answer 2

您有两种选择：

您可以尝试使用z-index（https://www.w3schools.com/cssref/pr_pos_z-index.asp）
您可以在CSS中使用背景图片属性，然后将图片放在其中。https://www.w3schools.com/cssref/pr_background-image.asp

如果您需要更多帮助，请粘贴更多代码。您的图片在哪里？

Answer 3

将此属性background-image: url("your image url");添加到body元素（在CSS文件中），请检查以下链接，它将对您有帮助： https://www.w3schools.com/cssref/pr_background-image.asp

CSS背景图片显示了我其他代码的前面

3 个答案: