2012-07-21 85 views
0

我寫了一個新的網站模板。所有工作正常,但有一個問題:IE8不加載CSS

IE8和更低版本不加載我的樣式表。我不知道爲什麼。 我已經在多臺計算機上嘗試過,以消除緩存問題或類似的問題。

樣式表是用SASS(http://sass-lang.com/)編寫的。但我認爲,這不是問題,因爲我使用SASS創建了一些其他網站,並且一切正常。

//編輯:

<!DOCTYPE html> 
<html lang="de"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>***</title> 
     <link rel="stylesheet" type="text/css" href="/styles/screen.css" /> 
    </head> 
<body> 
</body> 
</html> 
+0

您是如何調用樣式表的。請提供一些代碼。 – 2012-07-21 15:29:37

+0

好的,我添加了一些代碼。身體應該不重要,所以我刪除它。 – snix 2012-07-21 15:32:46

+0

你能舉一個活生生的例子嗎? – 2012-07-21 15:34:44

回答

7

你是使用<section>是新的和IE8默認情況下不知道的元素。而且因爲它不知道它們,所以它們被看作是一種跨度,除非你不能使用CSS來設計它們。

訣竅是在加載頁面之前創建元素,瀏覽器可以對它們進行樣式設置。最簡單的方法是使用類似html5shim的東西。只需確保將以下代碼添加到頭部分,因爲它需要在HTML開始呈現之前運行:

<!--[if IE]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
1

在路徑中的一些問題,我想..

可能性1:

<link rel="stylesheet" type="text/css" href="styles/screen.css" media="screen" /> 

可能性2:

<link rel="stylesheet" type="text/css" href="../styles/screen.css" media="screen" />