URL-адрес URL-адреса веб-сайта

Привет, я пытаюсь использовать фон для своей страницы с помощью CSS. Изображение из другой папки, и я пытаюсь ссылаться на нее в файле CSS.

URL-адрес файла CSS:/var/www/soFit/BO

URL-адрес файла изображения:/var/www/soFit/BO/images/login

Мой CSS файл:

#login-bg   
{

    background-image:url('/images/login/login_background.jpg');
    font-size: 20px;
}

Мой HTML-код:

<!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>

Почему я не вижу свое фоновое изображение?

Ответ 1

Удалите ведущую косую черту с URL-адреса изображения следующим образом:

#login-bg {
    background-image:url('images/login/login_background.jpg');
    font-size: 20px;
}

Используя ведущую косую черту, браузер пытается загрузить изображение из корневого каталога домена (например, /var/www/) вместо текущего (CSS) файла.

Ответ 2

Попробуйте следующее:

#login-bg   
{

    background-image:url('images/login/login_background.jpg');
    font-size: 20px;
}

Использование косой черты '/' в начале маршрута делает его абсолютным маршрутом, а не относительным маршрутом, который вы хотите.

Ответ 3

просто напишите

background-image:url('images/login/login_background.jpg');

когда вы пишете/образы, это означает, что папка с изображениями поступает из корневого каталога веб-сайта. который в этом случае неверен.