Hi, ich hab eine kurze Frage. Ich versuche für meine Seite ein Anmeldeformular zu machen und scheitere gerade am Hintergrundbild. Es soll eigentlich fixiert sein und ein weißen schleier drüberliegen. Das Hintergrundbild ist zwar fixiert aber wenn man runterscrollt, ist der Sichtbare Bereich des Hintergrundbildes nur so groß wie das Bild an sich und dann kommt eine weiße Fläche. Ich hoffe ihr könnt mir da weiter helfen. Danke ^^
Code:
<!DOCTYPE html>
<html>
<head>
<title>Bewerbungsformular</title>
<meta charset="UTF-8" />
<meta lang="de" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
</head>
<body lang="de">
<form action="recv.php" method="POST">
<table>
<tr>
<th></th>
<th></th>
</tr>
<tr class="border">
<td>
<h3>Wen oder was suchen wir?</h3>
</td>
<td></td>
</tr>
<tr>
<td>
<text>Kategorie</text>
</td>
<td>
<select name="cat" size="1">
<option>Fahrer</option>
</select>
</td>
</tr>
<tr>
<td>
<text>Absender</text>
</td>
<td>
<input type="email" name="email" placeholder="[email protected]" size="30" />
</td>
</tr>
<tr class="border">
<td>
<h3>Persönliche Informationen</h3>
</td>
<td>
</td>
</tr>
<tr>
<td>Vorname</td>
<td><input type="text" name="vorname" placeholder="Max" /></td>
</tr>
<tr>
<td>Geburtstag</td>
<td><input type="date" name="geb" placeholder="31.12.1999" title="Mindestalter 16 Jahre"/></td>
</tr>
<tr>
<td>Steam Profil URL</td>
<td><input type="url" name="steam-url" placeholder="http://steamcommunity.com/id/max/" size="50" title="Steam -> Profil -> Rechtsklick -> Seiten URL kopieren" /></td>
</tr>
<tr class="border">
<td>
<h3>Vorstellung</h3>
</td>
<td></td>
</tr>
<tr>
<td>Das bin ich</td>
<td>
<textarea name="vorstellung" placeholder="Eine kurze Vorstellung meiner Person.." rows="10" cols="70"></textarea>
</td>
</tr>
<tr class="border">
<td>
<h3>Fragen</h3>
</td>
<td></td>
</tr>
<tr>
<td>Hast du bereits<br>Erfahrungen in ETS2 ?</td>
<td>
<select name="erfahrungen-ets2" size="1">
<option selected>Ja</option>
<option>Nein</option>
</select>
</td>
</tr>
<tr>
<td>Warst du schon<br>bei einer anderen<br>Spedition ?</td>
<td>
<select name="erfahrungen-spedition" size="1">
<option>Ja</option>
<option selected>Nein</option>
</select>
</td>
</tr>
</table>
<h3><input type="submit" id="submit" value="Absenden" /></h3>
</form>
</body>
</html>
Code:
html {
font-family: 'Source Sans Pro', sans-serif;
}
html::after {
content: "";
background: url(background_1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: #4b4338;
opacity: 0.6;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
table {
border-collapse: collapse;
}
td {
padding-bottom: 20px;
}
.border {
border-bottom: 3px groove black;
}
#submit {
font-size: 20px;
margin: 0 auto;
display: block;
width: 100%;
}
