Wie bekomme ich mein Bild über den Live Hintergrund ? Meine Daten hier ⬇️ ⬇️ ⬇️ danke
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="url" content="https://www.nff-cnr.com" />
<title>NFF ON TOP</title>
<link rel="stylesheet" href="resources/css/NFF.css">
<link rel="icon" href="NFF_Logo2" type="png">
</head>
<body>
<img src="resources/Images/NFF-Logo.png" alt="NFF" id="Logo6">
<header>
<video id="Sky" src="resources/Video/Sky.mp4.mp4" autoplay loop></video>
</header>
<div class="contents">
<ul>
<li><a href="NFF web.html" style="text-decoration: none;"> Home </a></li>
<li><a href="Gallery.html" style="text-decoration: none;"> Gallery</a></li>
<li><a href="https://docs.google.com/forms/d/1KiwQMOUvVbfmdiihq9zHJpzmrfKkADeOXfLyBhPHssg/edit" style="text-decoration: none;"> Application</a></li>
<li><a href="Status.html" style="text-decoration: none;"> Status</a></li>
<li><a href="Minecraft.html" style="text-decoration: none;"> Minecarft</a></li>
</ul>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------------------------------
video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
body {
display: flex;
justify-content: center;
align-items: center;
height: 10vh;
width: 100vw;
color: black;
}
ul {
width: 30rem;
display: flex;
justify-content: space-evenly;
align-items: center;
}
li {
list-style: none;
position: relative;
cursor: pointer;
font-family: cursive;
font-size: large;
}
li::before {
content: "";
background-color:rgb(255, 255, 255) ;
position: absolute;
left: 0;
bottom: -0.3rem;
height: 3px;
width: 0;
transition: 0.3s ease-in-out;
}
li:hover::before {
content: "";
background-color:rgb(255, 255, 255) ;
position: absolute;
left: 0;
bottom: -0.3rem;
height: 3px;
width: 100%;
}
a {
color: #000000;
text-decoration: none;
}
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="url" content="https://www.nff-cnr.com" />
<title>NFF ON TOP</title>
<link rel="stylesheet" href="resources/css/NFF.css">
<link rel="icon" href="NFF_Logo2" type="png">
</head>
<body>
<img src="resources/Images/NFF-Logo.png" alt="NFF" id="Logo6">
<header>
<video id="Sky" src="resources/Video/Sky.mp4.mp4" autoplay loop></video>
</header>
<div class="contents">
<ul>
<li><a href="NFF web.html" style="text-decoration: none;"> Home </a></li>
<li><a href="Gallery.html" style="text-decoration: none;"> Gallery</a></li>
<li><a href="https://docs.google.com/forms/d/1KiwQMOUvVbfmdiihq9zHJpzmrfKkADeOXfLyBhPHssg/edit" style="text-decoration: none;"> Application</a></li>
<li><a href="Status.html" style="text-decoration: none;"> Status</a></li>
<li><a href="Minecraft.html" style="text-decoration: none;"> Minecarft</a></li>
</ul>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------------------------------
video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
body {
display: flex;
justify-content: center;
align-items: center;
height: 10vh;
width: 100vw;
color: black;
}
ul {
width: 30rem;
display: flex;
justify-content: space-evenly;
align-items: center;
}
li {
list-style: none;
position: relative;
cursor: pointer;
font-family: cursive;
font-size: large;
}
li::before {
content: "";
background-color:rgb(255, 255, 255) ;
position: absolute;
left: 0;
bottom: -0.3rem;
height: 3px;
width: 0;
transition: 0.3s ease-in-out;
}
li:hover::before {
content: "";
background-color:rgb(255, 255, 255) ;
position: absolute;
left: 0;
bottom: -0.3rem;
height: 3px;
width: 100%;
}
a {
color: #000000;
text-decoration: none;
}
