极客观点
项目管理
HarmonyOS
您好，我正在尝试使用 CSS 为我的页面使用背景。该图像来自另一个文件夹，我尝试将她引用到 CSS 文件。
CSS 文件 URL 为：/var/www/soFit/BO
图片文件网址为：/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>
为什么我看不到我的背景图片？
原文由 dasdasd 发布，翻译遵循 CC BY-SA 4.0 许可协议
从图像 URL 中删除前导的正斜杠，如下所示：
通过使用前导正斜杠，浏览器会尝试从域的 Web 根目录（例如
/var/www/）而不是当前 (CSS) 文件位置加载图像。