HTML语言
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<section>
<h1>Hello, world! (index.html)</h1>
<input id="userName" type="text" name="" placeholder="Enter Name">
<button id="clickMe" type="button" name="button">Click Me</button>
<h2 id="personName"></h2>
<h2 id="personStatus"></h2>
<h2 id="personOccupation"></h2>
<script type="text/javascript" src="/js/main.js"></script>
</section>
</body>
</html>CSS系统
h1{
color: red;
}
section {
background-image: url("../coinflip.jpg");
background-size: cover;
}以下是文件夹结构：
我已经尝试了上述代码和：
background-image: url(../coinflip.jpg);
background-image: url(/coinflip.jpg);
background-image: url("/coinflip.jpg");我不明白为什么它不工作。
我唯一能想到的是它与Node.js有关
这是我第一次尝试学习它，所以可能是我的server.js文件造成的问题？
在server.js文件中，
switch (page) {
case '/css/style.css':
fs.readFile('css/style.css', function(err, data) {
res.write(data);
res.end();
});
break;但是switch case对所有其他路径名都有效，所以我真的不确定
2条答案
按热度按时间hkmswyz61#
如果文件在同一个文件夹中，则必须用途：
“./coinflip.jpg”
如果文件在当前文件夹之外（返回文件夹），则必须用途：
“.../硬币翻转. jpg”
我会尝试第一个选项，也会在您的node.js上修复它。
esyap4oy2#
我认为您使用路径方式不对
ANS相应地使用。