image相对路径仅在线工作，但不在本地磁盘上工作

Question

我的图片＆＃39;相对路径不能在本地工作，而是当我将提交推送到github并使用Web URL打开页面时，它们只在线工作。我的存储库与我的Dropbox文件夹同步，该文件夹安装在我的本地磁盘上，所以相对路径应该是如下所示：

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

当我测试从本地磁盘查看页面时，图像只显示空白:(因此我每次都必须将它们更改为绝对路径。超级耗时。

知道为什么会这样吗？谢谢！

Answer 1

这很可能是因为你的路径是相对的。如果您通过WebMatrix或Visual Studio本地运行您的站点，它将获取将出现在以下位置的图像文件：

本地主机：XXXX /媒体/ image.jpg的

但是当你在浏览器中打开一个html页面时，它没有在服务器上运行，所以它会寻找：

/media/image.jpg

在不安装庞大的编辑器的情况下执行此操作的一个选项是使用本地IIS并将其指向您的文件。这样，当您通过localhost运行它时，浏览器将理解您的图像路径。