路径的一般规则

Question

首次编写自己的网站并首次上传。第一次基本上是一切。是的，我有多个CSS样式表，我的一些页面有不同的布局。

我的网站在我的本地驱动器上完美运行，但当我通过FileZilla将其上传到Host Gator时，当然会崩溃。我确保我对链接/目录/图像等区分大小写。

我相信索引页面上的DIV背景图片没有正确加载，然后CSS样式表没有应用到我的网站的其余部分 - 但它适用于主页。我已确认直接输入网址时可以访问图像。

我不知道为什么只有我的一张css样式表而不是其余的，以及为什么我的DIV背景图像没有正确加载。非常感谢任何建议，我只想让我的网站终于上线！

请随时查看：www.alanphunt.com并告诉我您的想法。我只参加了一个关于网络开发入门课程的学期，所以对我很轻松！

Answer 1

问题很可能是相对和绝对路径使用。检查是否可以从页面的源代码中打开给定的CSS。如果你不能，那就意味着你的浏览器也无法做到。如果可以，应该加载CSS。

Answer 2

将CSS连接到HTML或路径时，这是一个问题。您应该仔细检查代码中的每个路径，有时我会粘贴东西而忘记更改路径，请注意这一点。

Answer 3

正如其他答案所述，问题在于相对路径。

路径的一般规则

images / image.jpg （无前导斜杠） - 从当前文件的位置开始
/images/image.jpg - 从站点根目录开始，无论当前文件位于何处。 root是您只键入域名时Web服务器查找的目录。在Hostgator上，这称为public_html（对于您的主域;如果您有多个域或子域，则可能会更复杂一些。）其他常见名称是www或htdocs。
../ images / image.jpg - 从当前文件开始向上一级。您也可以执行../../images/image.jpg以启动两个级别，依此类推。（但如果你发现自己上升了五六级，那么你可能应该从根开始。）
http://example.com/images/image.jpg - 在此确切网址上查找图片。也可以使用无协议的URL，例如//example.com/images/image.jpg

至于您的具体问题：在主页上，背景图片images/alan.jpg和images/seemennt.jpg设置在外部样式表中。因为路径不是以正斜杠开头，所以它们会尝试相对于样式表的位置加载，在本例中为“css”文件夹。（您可以在浏览器中点击F12并查看控制台以确认这一点。它还有助于准确诊断未加载的内容。）

尝试将路径更改为类似../images/alan.jpg的路径，它应该可以正常工作。

来源

https://css-tricks.com/quick-reminder-about-file-paths/
https://phpdelusions.net/articles/paths（专注于PHP，但有一些有用的信息）

Answer 4

您使用的是谷歌浏览器吗？如果你是，请前往：

主页
右键单击
查看页面来源

在这里，您将能够查看浏览器用于显示您网站的输出HTML。

查看主页的源代码后，我可以看到以下网址为您的样式表：

css/indexcss.css?v=version2

我选择了此网址，它会显示您的样式表。然后，我查看了其他页面的源代码（＆＃39;摄影＆＃39;音乐＆＃39;，＆＃39; DJ Life＆＃39;＆＃39; Reach Out＆＃39;），并且可以看到您的样式表输入错误。您需要执行以下更改：

photography.css至css/photography.css
musiccss.css至css/musiccss.css
djcss.css至css/djcss.css
reachoutcss.css至css/reachoutcss.css

这可以解决您的问题。

祝你的网站好运！

我的CSS样式表中只有一个可以工作而DIV背景图像不起作用？

4 个答案:

路径的一般规则

来源