2015-04-14 48 views
-2

基本上,標題,嘗試在Firefox上打開一個頁面,從本地主機(WAMP),它有一個外部的CSS文件,並沒有加載。 這裏是頭信息:Firefox不讀取css

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <link type="text/css" rel="stylesheet" href="..\include\site.css" id="style"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
</head> 

的CSS已經被驗證爲具有HTML文件中,都沒有錯誤。該CSS在IE和Chrome中工作。在其他地方尋找解決方案,但無法找到任何有用的東西。

有什麼建議嗎?

謝謝你!

回答

3

嘗試更換斜線:

<link type="text/css" rel="stylesheet" href="..\include\site.css" id="style"> 

到:

<link type="text/css" rel="stylesheet" href="../include/site.css" id="style"> 
+0

工作感謝你!奇怪,但它的意思是?看到兩個例子都散亂了。 – Russ

+0

我一直用我在回答中做過的斜槓,從來沒有遇到任何麻煩。我想它是一個操作系統的東西,但我不是100%確定。 – taxicala

+2

在您的計算機上跟隨文件夾類型結構(如「C:\ user \ name \ documents」)使用反斜線時,但您需要在「href」中使用正斜槓。 –

3

您需要在您的href中使用正斜槓。

<link type="text/css" rel="stylesheet" href="../include/site.css" id="style"> 
1

好吧,我就在一個小更詳細的解釋,所以不存在混淆你或任何其他人在這裏絆倒:

Unix及其變種一直使用正斜槓(/)來表示文件系統層次結構。另一方面,Windows借用它的文件系統分隔符,即MS-DOS這個正好是它的前輩的反斜槓()。

因爲大部分開發人員都熟悉Unix標準,所以選擇Internet URL路徑分隔符作爲斜線。作爲路徑分隔符的Unix斜槓通常被認爲是規範分隔符。正斜槓(/)是基於Web的系統上事實上的路徑分隔符。

在你的情況下,鏈接標記應該是:

<link type="text/css" rel="stylesheet" href="../include/site.css" id="style"> 

希望這有助於!