链接返回 404 的图像，但资产的直接链接加载正常答案

【问题标题】：link returning 404 for images, but the direct link to asset loads fine链接返回 404 的图像，但资产的直接链接加载正常
【发布时间】：2020-02-07 02:11:41
【问题描述】：

在我正在构建的网页中，一些图像返回 404 错误，但图像的直接链接可以正常加载它们。相同的文件路径。图片的权限是 755，所以这应该不是问题。

我在内联 css 中链接到它们，我会修复它，但像这样：

<div class="swiper-slide" style="background-image: url(t.jpg;" data-year="2012">

图像https://irfandesign.com/t.jpg 加载正常。该网站的实时版本可以在https://irfandesign.com/dev.html找到。

任何想法为什么图像没有加载？一个是绝对网址，取消链接这些相对网址。

【问题讨论】：

【解决方案1】：

您刚刚遇到了一个非常小（但非常混乱）的语法错误。您的浏览器试图通过关闭您忘记的内容来修复它，但它最终会寻找名为 t.jpg; 的图像。

记住url()是一个CSS的函数，所以：

selector {
   background: url('..............');
/*  if you open --^                ^---- you must close        */
}

您的style 属性具有以下值：

background-image: url(t.jpg;
/* it opens ---------^     ^---- but never closes... */

因此，您的智能（但不是那么多）浏览器会尝试为您关闭它，导致它最终显示为：

background-image: url(t.jpg;);
/*                          ^---- your browser trying to close it */

这是您的财产的外观：

body { /* <-- Use your own selector */
  background-image: url('https://irfandesign.com/t.jpg');
  background-size: cover;
}

忽略 background-size 属性，它只是为了可视化。

【讨论】：

【解决方案2】：

如果您仔细查看它正在寻找的图像的 URL，https://.../t.jpg；

【讨论】：

【解决方案3】：

删除图片名称末尾的; t.jpg;转t.jpg

【讨论】：