Question

尝试构建网页。和相对的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" />

它不会出现。

建议？

Answer 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" />

Answer 2

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

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

对于网址路径，您有三种选择：

a）绝对

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

b）亲戚

href="myfile.css"

c）绝对正斜杠而不是域名

href="/myfolder/myfile.css"

Answer 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" />

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

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

，您无需担心潜在的安全错误

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

4 个答案: