css在IE下檔案無效,本地瀏覽檔案無法載入

2021-07-14 03:33:19 字數 1421 閱讀 8890

什麼是mime型別?

mime(multipurpose internet mail extensions)多用途網際網路郵件擴充套件型別就是設定某種副檔名的檔案用一種應用程式來開啟的方式型別,當該副檔名檔案被訪問的時候,瀏覽器會自動使用指定應用程式來開啟。多用於指定一些客戶端自定義的檔名,以及一些**檔案開啟方式。

為什麼會出現錯誤?

在ie9以上的ie瀏覽器中,尤其是本地環境下,在沒有配置伺服器的環境下,會遇到外鏈的css檔案無法載入成功,而導致想要的效果沒有實現!當你遇到這樣的問題是,你在ie自帶的除錯工具裡的控制台裡會看到「sec7113:css因mime型別不匹配而被忽略」的錯誤提示。

微軟從ie9之後新增了檔名識別的程式,這是在ie9以上的標準模式下才會出現的,在相容模式下就沒有問題。

解決方法

既然知道這個錯誤的原因,那麼我們就可以針對性的解決這個問題,以下包含了檢測的步驟和方法,你可以根據你實際的情況跳過某些步驟。

1、檢測link標籤

link標籤是我們引入樣式表的標籤,檢視下是否缺少type=text/css屬性,完整的link標籤示例。

如果你發現加上以後沒有效果,那麼接著往下看。

2、靜態頁面無法顯示樣式

其實很多人遇到這個問題都是在本地直接使用瀏覽器開啟網頁,也就是沒有通過http:協議的方式瀏覽頁面,而是通過file:協議開啟網頁。而css無法返回正確的mime,可能由於你的系統的原因。

進入登錄檔編輯器,檢視 hkey_classes_root\.css 裡面的 content type 是否是 text/css。(如果沒有content type 這一項,自己新增,值是 text/css)

進入登錄檔編輯器

3、伺服器環境無法顯示樣式

在伺服器環境中無法顯示樣式,不管是本地還是遠端,解決的方法都是一樣的,既然伺服器不能返回正確的文件型別,我們就需要手動配置。

iis伺服器

對於iis伺服器通過配置web.xml檔案,要求伺服器輸出正確的css mine資訊。

text/css

apache伺服器

當web伺服器想瀏覽器傳送文件時,它會給文件加上乙個響應報頭作為字首,此報頭包含了用於告訴瀏覽器如何解釋文件的資料,元資料的乙個最重要的部分是最後一行中的content-type。它將告訴瀏覽器如何呈現內容。例如瀏覽器用於顯示 jpeg 和 gif 的**是不同的。

而這裡我們需要正確的配置css檔案的content-type,在apache的安裝目錄下有乙個conf資料夾,裡面的mime.types檔案就是響應報頭文件型別配置。

新增一下**到mime.types檔案中,然後重啟apache伺服器。

text/css                    css

如果還是不行,試著新增一下**到httpd.conf檔案中,載入mime.types配置檔案。

typesconfig conf/mime.types

CSS樣式在IE6下無效的問題解決方法

點評 網頁採用了 utf 8 編碼格式,這本來沒有問題,問題是外部 css 檔案預設是 ansi 編碼,並沒有儲存為 utf 8 格式。問題症狀 1 通過link方式引用css,在ie7,ie8可以正常顯示,ie6不能正常顯示。解決 1 改變檔案編碼格式為utf 8,並在css檔案加上 charse...

CSS樣式在IE6下無效的問題解決方案

問題症狀 1 通過link方式引用css,在ie7,ie8可以正常顯示,ie6不能正常顯示。解決 1 改變檔案編碼格式為utf 8,並在css檔案加上 charset utf 8 繁體的話 是 charset big5 2 去掉css中的中文注釋。原因 網頁採用了 utf 8 編碼格式,這本來沒有問...

CSS樣式在IE6下無效的問題解決方案

問題症狀 1 通過link方式引用css,在ie7,ie8可以正常顯示,ie6不能正常顯示。解決 1 改變檔案編碼格式為utf 8,並在css檔案加上 charset utf 8 2 去掉css中的中文注釋。原因 網頁採用了 utf 8 編碼格式,這本來沒有問題,問題是外部 css 檔案預設是 an...