Question

我正在我的本地主机上开发一个网站但是当我在实时服务器上上传时，一些图像没有显示。

背景图片的CSS代码的本地版本是：

   rgba(0, 0, 0, 0) url("/wp-content/themes/school/assets/img/_EL18466.jpg") repeat fixed 50% 0 / cover

图片的实时版本是：

rgba(0, 0, 0, 0) url("/wp-content/themes/school/assets/img/_EL18466.jpg") repeat fixed 50% 0 / cover;

基本上，它只是本地和实时版本的相同代码行。

然而，实时版本上的图像未显示。怎么了？现场的网址应该不同吗？

TIA

编辑：

以下是我的实时服务器目录结构的屏幕截图：

Answer 1

我假设您的css位于文件夹资源中，因此您从css调用图像，如果您有img文件夹，那么您必须这样编写：

rgba(0, 0, 0, 0) url("../assets/img/_EL18466.jpg") repeat fixed 50% 0 / cover;

你必须从css文件夹中退出然后转到img并调用那个jpg，这就是为什么你有../ img / image.jpg

Answer 2

好的，看了你提供的截图，还有一点想法。如果是索引文件，则将图像加载到（推定）然后为URL尝试：

rgba（0,0,0,0） url（assets / img / _EL18466.jpg）重复固定 50％0 /覆盖;

我在这里所做的一切都是从/开头取出来的，以及网址中的引号。如果它有效，那么这是因为您加载它的页面与wp-content位于同一目录中，并且图像URL可能正在寻找到根文件夹。

作为事后的想法，如果那不起作用，只是为了检查，因为我在那里看不到它。你尝试过使用：

<img src="assets/img/_EL18466.jpg">

或者CSS：

content: url(assets/img/_EL18466.jpg);

Answer 3

我终于找到了这个严重错误的答案

显然，当它在实时服务器上时，后台css图像代码应该只是：

rgba(0, 0, 0, 0) url("./assets/img/_EL18466.jpg") repeat fixed 50% 0 / cover;