关于 css 背景图像和托管字体的问题

Question

我最近刚完成我的第一个网站的编码，我想托管它。我成功地将它上传到虚拟主机上，但我遇到了 css 问题。在当地看起来像那样 website in localhost

但是在网站上看起来是这样的 website in hosting

我们可以清楚地看到只有一部分css有效背景图像和字体不起作用。

在控制台网络中我们可以看到背景图像 link 的 link 不正确 here is a picture of the error

所以控制台中的 link 是 /assets/css/img/1364.webp 但它应该是 /assets/img/1364.webp

所以我首先想到的是检查 css

中的 link

这里是css代码的一部分

body {
  background: url('../img/1364.webp') ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: Arial, Helvetica, sans-serif;
}

我们可以看到 url 以“../”开头，所以通常它应该从一个文件夹返回，所以进入 assets 文件夹，在那里你可以找到几个东西，比如 img 文件夹。但它根本不起作用。

这就是我组织文件夹的方式picture of the folder

我尝试了很多事情，例如：改变路径更改背景图像 ... 但总是同样的问题。我只说背景图片但是字体也是一样的错误。因为我是初学者，所以我完全迷路了，我希望能清楚地理解谢谢

Answer 1

是否可以为您使用绝对路径？使用绝对路径是避免此类问题的好习惯。

我看到你说 link 变成 /PATH/OF/CSS//your/specified/link 那么它可能是你的托管解决方案的配置，或者你可以使用 url 就像 example.com/public_html/img/1364.webp.

关于 css 背景图像和托管字体的问题

problem about css background image and fonts with hosting

html

css

model-view-controller

path

host