CSS 仅适用于直接链接，为什么相对不起作用？答案

【问题标题】：CSS only working with direct link, why relative wont work?CSS 仅适用于直接链接，为什么相对不起作用？
【发布时间】：2013-08-30 12:48:12
【问题描述】：

尝试构建网页。并且相对的css链接不起作用。只有直接链接。

头：

<link href="http://directorym.net/App_Themes/customDarkBlueWAdSense_en-US/customDarkBlueWAdSense_en-US.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="http://pboo.mobi/corey/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="http://pboo.mobi/corey/App_Themes/mobile.css" />

在http://pboo.mobi/corey测试

当我把它设为相对时：

<link rel="stylesheet" type="text/css" href="articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="App_Themes/mobile.css" />

它不会出现。

建议？

【问题讨论】：

绝对路径可以帮助你而不是相对路径。

标签： html css web

【解决方案1】：

使用绝对路径：

<link rel="stylesheet" type="text/css" href="/corey/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="/corey/App_Themes/mobile.css" />

【讨论】：

当然，既然我已经发布了这个，它可以工作。但我会坚持绝对的。谢谢！
你在本地文件上不需要 http:// 并且你的路径中缺少“/corey”。
我知道我不需要在本地文件上使用 http，这就是它让我生气的原因。但只要前面没有斜线，本地路径也可以与 href="App_themes/mobile.css" 一起使用，只要前面没有斜线，因为它都是本地的。它应该有效，但一天没有。
当心：如果您在路径前加上“http://”并且某些页面最终使用“https://”，用户将收到安全警告。一个很好的理由将它们排除在外。
带有前导斜杠的路径通常称为 root relative，而不是绝对路径。

【解决方案2】：

查看您的网站并使用浏览器即时更改页面代码，它们会同时显示相对路径和绝对路径。

无论如何请记住，relative 的意思是“相对于当前页面路径”。

当涉及到 url 路径时，您有三种选择：

a) 绝对

href="http://www.mysite.com/myfolder/myfile.css"

b) 相对

href="myfile.css"

c) 绝对的，用正斜杠代替域名

href="/myfolder/myfile.css"

【讨论】：

完全正确。我一开始就正确使用了前两个。但它仍然没有工作。从字面上看，我一发布这个，它就又开始工作了。我不知道发生了什么。仍然。有时有些样式有效，有些则无效。背景有时出于某种原因才有效。不知道发生了什么。
您可能还想看看base tag

【解决方案3】：

假设文件夹articles_media和App_Themes和html页面都在同一个原始文件夹中。 html页面的标题可以包含：

<link rel="stylesheet" type="text/css" href="/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="/App_Themes/mobile.css" />

（注意文件夹名称前的/）

【讨论】：

^这实际上是不正确的。因为这会将其带回根文件夹。这是唯一行不通的方法。但这将适用于 href="/corey/App_themes/mobile.css" 来回。
好的，但是对于“相同的原始文件夹”，我的意思是：根文件夹。 yours/Diodeus 的答案允许将 html 放在根文件夹之外，我现在知道 css 文件放置在“/corus/”子目录的文件夹中，所以你是对的..

【解决方案4】：

要补充到目前为止人们所说的内容，还可以考虑使用完整路径但使用协议相对链接。

<link rel="stylesheet" type="text/css" href="//pboo.mobi/corey/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="//pboo.mobi/corey/App_Themes/mobile.css" />

这样您就不必担心 http:// 或 https:// 的潜在安全错误

【讨论】：