css - 使用 Sublime Text 编码 - 在 css 中遇到文件路径问题

Question

所以我在 Sublime Text 2 中结合 HTML、CSS 和 jQuery 编写网页设计代码。

出于某种原因，当我试图指定一个文件的位置时，比如说 images 文件夹中的 Pic01.jpg，您可能会怀疑输入 /images/Pic01.jpg 应该足以告诉浏览器图片所在的位置。

但事实并非如此。我发现自己需要在浏览器呈现文件之前指定文件的确切位置。喜欢; 用户/桌面/siteOne/images/Pic01.jpg

这个路径系统非常不方便，正如我想说的那样 - 将我的站点导出到不同的计算机，但现在代码被绑定(bind)到该特定计算机上的特定位置。

我如何设置它以使 /images/Pic01.jpg 有足够的代码供浏览器(或 Sublime？)理解需要渲染的内容？

Answer 1

在路径前加上 / 意味着它将从根开始搜索，这可能会根据您的服务器配置而改变。

对于 WAMP/MAMP，如果它们不在服务器的绝对根目录下，我必须在我的 URL 前添加 / 以及它们所在文件夹的名称。这取决于您的设置。

如果您希望路径无论服务器根目录如何都有效，最好使用相对路径或使用可以根据配置轻松更改的常量。

示例:

define("PATH", "/"); 
<a href="<?php echo PATH; ?>directory/myFile">Link that always work</a>

您只需更改一行即可使您的路径始终使用不同的配置 - 在较深的子文件夹中工作时，相对路径可能很难处理。

此外，如果您想查看它实际在何处寻找文件，请在您选择的网络浏览器中打开控制台，它们应该会显示错误(最有可能是 404)和它正在寻找的路径。