HTML / CSS URL路径
[英]HTML/CSS URL path
问题描述
[！[在此处输入图片描述] [1]] [1]我试图寻找解决方案，但没有找到解决方案，所以我来到了这里。 这是我的HTML文件夹http://i.stack.imgur.com/EzlU9.png
SITE /字体/ school.ttf
SITE /图片/ praycat.jpg
SITE / index.html的
SITE / main.css的
这是我的CSS文件
html {
background: url('Pictures/praycat.jpg') no-repeat center center fixed;
background-size: cover;
}
@font-face {
font-family: myFirstFont;
src: url('Fonts/school.ttf');
}
当我打开索引时，一切正常（访问图像和字体。但是，当我访问网站时，图像和字体丢失了。我在做什么错？
HTML代码
<html>
<head>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <!--Let's load jQuery-->
<script>
function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode )
{
$("#mapName").text(mapname);
$("#gameMode").text(gamemode);
$("#serverName").text(servername);
}
</script>
</head>
<body>
<audio autoplay loop>
<source src="somesoundfile.ogg" type="audio/ogg">
</audio>
</body>
<body>
<div>
<p class="small">
<h1 id="titlePg"><b>You're on your way to <span id="serverName">unknown</span></b></h1>
</div>
</p>
We're currently playing <span id="mapName">unknown</span> on <span id="gameMode">unknown</span>
</body>
</html>
4 个解决方案
解决方案1
1 2015-08-18 05:31:16
尝试在URL之前使用../，因为它表示您的根目录：
body{
background: url('../Pictures/praycat.jpg') no-repeat center center fixed;
background-size: cover;
}
@font-face {
font-family: myFirstFont;
src: url('../Fonts/school.ttf');
}
解决方案2
0 2015-08-18 05:47:13
首先，您需要将HTML标记更改为Body。 然后，您需要设置根目录“ .. \\无论您的文件存储在哪里\\文件名”，就像最近的帖子一样，我们似乎都倾向于相同的答案。 让我们知道这是否有效。 如果不能，您也可以发布您的html代码，以便我们也可以查看代码并在那里提供帮助。 祝你好运。
更新以下是您能够在CSS中修复的代码：
background-image: url("\\main Directory\User\Desktop\Pictures/praycat.png");
您需要在背景后添加“ -image”，并在图片目录中使用双引号。 图像来源后，我也拿出了些废话。 这是您上面的旧代码以及我在下面使用的代码：
background: url('Pictures/praycat.jpg') no-repeat center center fixed; background-image: url("\\\\main Directory\\User\\Desktop\\Pictures/praycat.png"); This is found under html or body in CSS.
解决方案3
0 2015-08-18 17:11:14
我注意到的一件事是你有两个头部标签
<head>
<head>
CSS link
</head>
</head>
尝试摆脱其中之一
<head>
CSS link
</head>
解决方案4
-1 2015-08-18 05:32:18
为什么不尝试使用"../"开始路径可能会有所帮助
如何将html / css包含的文件映射到文件根目录而不是URL路径
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.