Hallo Im versuchen, Hintergrund für meine Seite mit CSS verwenden. Das Bild stammt aus einem anderen Ordner und ich versuche, sie auf die CSS-Datei zu verweisen.CSS-Hintergrundbild URL-Pfad
Die CSS-Datei URL lautet:/var/www/Sofit/BO
Die Bilddatei-URL lautet:/var/www/Sofit/BO/images/login
Meine CSS-Datei:
#login-bg
{
background-image:url('/images/login/login_background.jpg');
font-size: 20px;
}
Mein HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body id="login-bg">
<form action="" method="POST">
Username: <input type="text" name="username" >
<br>
Password: <input type="text" name="password" >
<br>
<input type="submit" value="enter">
</form>
</body>
</html>
Warum ich mein Hintergrundbild nicht sehen kann?
führenden Schrägstrich ist das Problem. –
Haben Sie es ohne den führenden Schrägstrich versucht? 'background-image: url ('images/login/login_background.jpg');' –
Für zukünftige Referenz, wenn Sie im Netzwerk-Inspektor in den Browser-Entwickler-Tools schauen, können Sie den vollständigen Pfad sehen, den der Browser versucht zu lesen . –