Html 我的照片赢了';t通过网站Netlify.app在Safari上显示

Html 我的照片赢了';t通过网站Netlify.app在Safari上显示,html,css,image,web,netlify,Html,Css,Image,Web,Netlify,我正在建立一个公文包网站,并试图将图片添加到网站的“查看我的作品”部分。 我有3个图像-->图像-1、图像-2和图像-3。这些在我自己的电脑上运行良好,但当我试图用手机显示我的网站时,图像将无法显示 请参阅第页的“我已经完成的页面的一些示例”部分 这是每个图像的html: 项目名称 试试这个它会工作的试试这个它会工作的你的英雄形象显示出来,url是。/images/intro.jpg但是你所有的人物形象都有/images/intro.jpg 这有区别吗?你的英雄形象显示出来,url是。/i

我正在建立一个公文包网站,并试图将图片添加到网站的“查看我的作品”部分。 我有3个图像-->图像-1、图像-2和图像-3。这些在我自己的电脑上运行良好,但当我试图用手机显示我的网站时,图像将无法显示

请参阅第页的“我已经完成的页面的一些示例”部分

这是每个图像的html:

项目名称


试试这个
它会工作的

试试这个
它会工作的

你的英雄形象显示出来,url是
。/images/intro.jpg
但是你所有的人物形象都有
/images/intro.jpg


这有区别吗?

你的英雄形象显示出来,url是
。/images/intro.jpg
但是你所有的人物形象都有
/images/intro.jpg


这有区别吗?

根据我们在评论中的讨论,由于您的图像文件夹与您的文件位于同一文件夹中,您应该在不使用第一个/的情况下编写它,如下所示:

<img src="images/img-3.jpg" alt="Image - 3">

如果必须更改图像路径,请考虑清除浏览器的缓存。

您可以在此处获得有关管理路径的规则的更多信息:

您的结果:

编辑

经过我的研究,由于netlify.app和safari之间存在漏洞,safari上似乎没有显示图像,请检查此链接:

因此,通常情况下,如果您要部署一个真正的网站,这应该不会是一个问题


致以最诚挚的问候,

根据我们在评论中的讨论,由于您的图像文件夹与您的文件位于同一文件夹中,您应该在不使用第一个/的情况下编写它,如下所示:

<img src="images/img-3.jpg" alt="Image - 3">

如果必须更改图像路径,请考虑清除浏览器的缓存。

您可以在此处获得有关管理路径的规则的更多信息:

您的结果:

编辑

经过我的研究,由于netlify.app和safari之间存在漏洞,safari上似乎没有显示图像,请检查此链接:

因此,通常情况下,如果您要部署一个真正的网站,这应该不会是一个问题


致以最诚挚的问候,

您能给我们展示更多的html和css吗?当然可以。我在上面加了一句,你的代码看起来很清楚。问题应该来自您的文件路径。你的图片目录是根目录吗?是的,我的html文件和图片文件夹在同一个文件夹中。@MaxiGui我想你是对的,这是唯一的解释。谢谢你的帮助。你能给我们看更多的html和css吗?当然可以。我在上面加了一句,你的代码看起来很清楚。问题应该来自您的文件路径。你的图片目录是根目录吗?是的,我的html文件和图片文件夹在同一个文件夹中。@MaxiGui我想你是对的,这是唯一的解释。谢谢你的帮助。这是我从css添加的背景图片。我的css文件样式为FolderOK,这很有意义。如果您的图像与html文件位于同一级别的目录中,那么您不需要/just images/file.jpg,但如果这样做有效,您可以尝试升级一个级别../images/file.jpg。这将工作,如果你在你的网站根我想。不过请记住清除缓存,移动设备很难清除,所以请尝试将目录名更改为img/FILE.jpg这是我从css添加的背景图像。我的css文件样式为FolderOK,这很有意义。如果您的图像与html文件位于同一级别的目录中,那么您不需要/just images/file.jpg,但如果这样做有效,您可以尝试升级一个级别../images/file.jpg。这将工作,如果你在你的网站根我想。不过,请记住清除缓存,移动设备很难清除,因此可以尝试将目录名更改为img/FILE.jpg