我真的真的需要尽快得到帮助 我尝试了一百万次但什么也没有 我在教程地狱 ig 它要通过我的第一学期（我在第二学期加入了这个班级） 嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿
出于某种原因，我不能在我的背景中添加任何内容这就是我的 HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>omnie</title>
<link rel="stylesheet" href="styledsrt.css">
</head>
<body>
<div class="container">
<div class="item1"><img src="example photo.png"></div>
<div class="h1"><h1>Semestr 1</h1></div>
<div class="p1"><p1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.</p1></div>
</div>
</body>
</html>
这是CSS
.body{
position:absolute;
background-image: url("tlostronki.png") no-repeat center center fixed;
background-size: cover;
}
.container{
height: 900px;
width: 600px;
border-style: solid;
border-color: burlywood;
border-radius: 9% ;
margin-top: 65px;
position: relative;
padding: 10px;
background-color: burlywood;
margin-left: 40%;
text-align: center;
}
.item1 {
vertical-align: middle;
margin-top: 40px ;
border-radius: 7%;
left: 23%;
position: relative;
cursor: pointer;
border: 1px solid #dfe2e5;
background:grey;
width: 320px;
height: 420px;
transition: transform 250ms;
transition-timing-function: linear;
transition-delay: 300ms;
;}
.item1:hover:hover {
border-color: rgb(51, 65, 70);
border: 3px solid;
color: inherit;
position: relative;
transition: 370ms ;
transition-timing-function: linear;
transition-delay: 0ms;
transform: translateY(-10px);
width: 320px;
height: 430px;
top: -15px;
box-shadow: 1px 1px 0px , 2px 2px 0px darkgrey, 3px 3px 0px darkgrey, 4px 4px 0px darkgrey, 5px 5px 0px #56542a;
background: grey;}
.h1{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin-top: 30px;
font-size: x-large;
}
.p1{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size:large;
}
.container2{
position:absolute;
background-image: url("tlostronki.png") no-repeat center center fixed;
background-size: cover;
}
这是一个学校项目我几乎尝试了一切 （我真的需要帮助）