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

它不會顯示出來。

對此提出建議？

來源

2011-08-24 coreyzev

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

來源

2011-08-24 13:31:59

當然，現在我已經發布了這個工作方式。但我會堅持絕對的。謝謝！ – 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"

來源

2011-08-24 13:39:13

完全正確。我第一次正確使用第一個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" />

（文件夾名稱之前，請注意/）

來源

2011-08-24 13:42:01 Remi

^這實際上是不正確的。因爲這會將其帶回根文件夾。這是不能工作的唯一方法。但這將與 '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：//

來源

2012-05-08 17:49:26 brianjhong

CSS只與直接鏈接，爲什麼相對不會工作？

回答

相關問題