image 相对路径只能在线使用,不能从本地磁盘使用

image Relative Paths only work online, but not from local disk

我的图像的相对路径在本地不起作用,相反,当我将提交推送到[=21=时,它们只能在线工作 ] 并打开网页 URL。我的存储库与安装到本地磁盘的保管箱文件夹同步,因此相对路径应该与以下内容相同:

#container {
  background-image: url(/media/image.jpg);
}

当我测试从我的本地磁盘查看页面时,图像只是显示空白 :( 所以我每次都必须将它们更改为绝对路径。非常耗时。

知道为什么会这样吗?

这很可能是因为您的路径是相对的。如果您通过 WebMatrix 运行 您的站点或在本地 Visual Studio,它将获取图像文件,因为它们将出现在:

localhost:xxxx/media/image.jpg

但是当您在浏览器中打开 html 页面时,它不在服务器上 运行,因此它会查找:

/media/image.jpg

无需安装庞大的编辑器即可执行此操作的一个选项是使用本地 IIS 并将其指向您的文件。这样,当您通过本地主机 运行 它时,浏览器将理解您的图像路径。