CSS只与直接链接，为什么相对不会工作？

问题描述：

试图建立一个网页。和相关的CSS链接不会工作。只有直接链接。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" />

它不会显示出来。

对此提出建议？

Abslute路径可以帮助你，而不是相对路径。 – B4NZ41

答

使用绝对路径：

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

当然，现在我已经发布了这个工作方式。但我会坚持绝对的。谢谢！ – coreyzev

虽然您不需要http：//，但您在路径中缺少“/ corey”。 –

我知道我不需要在本地文件上的http，这就是为什么它让我失望。，但只要没有前面的斜线，本地路径也可以使用'href =“App_themes/mobile.css”'，因为它都是本地的。它应该工作，但一天，它没有。 – coreyzev

答

看你的网站，并在飞行中改变页面代码的浏览器，他们表现出了相对和绝对路径。

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

你有三个选择，当涉及到的URL路径：

a）绝对

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

b）相对

href="myfile.css"

C）绝对有斜杠，而不是域名

href="/myfolder/myfile.css"

完全正确。我第一次正确使用第一个2。但它仍然没有工作。从字面上看，一旦我发布这个，它就开始工作了。我不知道发生了什么。仍然。有时某些样式有效，有些不会。背景仅在某些原因下才起作用。不知道发生了什么事。 – coreyzev

您可能还想看看[基本标签]（http://www.w3.org/TR/html4/struct/links.html#h-12.4） –

答

假设文件夹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”' 它来回。 – coreyzev

好的，但是'相同的原始文件夹'，我的意思就是：根文件夹。你的/ Diodeus答案允许放置在根文件夹以外的HTML，我现在明白，CSS文件被放置在'/ corus /'子目录中的一个文件夹中，所以你是正确的.. – Remi

答

要添加到什么人都表示，到目前为止，还可以考虑使用完整的路径，但使用相对协议链接。

<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：//

CSS只与直接链接，为什么相对不会工作？

相关推荐