css因mime類型不匹配而被忽略的解決方法

這篇文章給大家分享的是有關(guān)css因mime類型不匹配而被忽略的解決方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

css因mime類型不匹配而被忽略的解決辦法：1、檢測Link標(biāo)簽；2、通過http協(xié)議的方式瀏覽頁面；3、手動(dòng)配置服務(wù)器環(huán)境。

本文操作環(huán)境：Windows7系統(tǒng)、Dell G3電腦、HTML5&&CSS3版。

IE瀏覽器“SEC7113: CSS 因 Mime 類型不匹配而被忽略”問題是什么原因？怎么解決？下面本篇文章就來給大家介紹一下。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

什么是Mime類型？

MIME(Multipurpose Internet Mail Extensions)多用途互聯(lián)網(wǎng)郵件擴(kuò)展類型就是設(shè)定某種擴(kuò)展名的文件用一種應(yīng)用程序來打開的方式類型，當(dāng)該擴(kuò)展名文件被訪問的時(shí)候，瀏覽器會(huì)自動(dòng)使用指定應(yīng)用程序來打開。多用于指定一些客戶端自定義的文件名，以及一些媒體文件打開方式。

為什么會(huì)出現(xiàn)錯(cuò)誤？

在IE9以上的IE瀏覽器中，尤其是本地環(huán)境下，在沒有配置服務(wù)器的環(huán)境下，會(huì)遇到外鏈的CSS文件無法加載成功，而導(dǎo)致想要的效果沒有實(shí)現(xiàn)！當(dāng)你遇到這樣的問題是，你在IE自帶的調(diào)試工具里的控制臺(tái)里會(huì)看到“SEC7113：CSS因Mime類型不匹配而被忽略”的錯(cuò)誤提示。

微軟從IE9之后添加了文件名識(shí)別的程序，這是在IE9以上的標(biāo)準(zhǔn)模式下才會(huì)出現(xiàn)的，在兼容模式下就沒有問題。

解決方法

既然知道這個(gè)錯(cuò)誤的原因，那么我們就可以針對(duì)性的解決這個(gè)問題，以下包含了檢測的步驟和方法，你可以根據(jù)你實(shí)際的情況跳過某些步驟。

1、檢測Link標(biāo)簽

Link標(biāo)簽是我們引入樣式表的標(biāo)簽，查看下是否缺少type=text/css屬性，完整的Link標(biāo)簽示例。

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

如果你發(fā)現(xiàn)加上以后沒有效果，那么接著往下看。

2、靜態(tài)頁面無法顯示樣式

其實(shí)很多人遇到這個(gè)問題都是在本地直接使用瀏覽器打開網(wǎng)頁，也就是沒有通過http:協(xié)議的方式瀏覽頁面，而是通過file:協(xié)議打開網(wǎng)頁。而CSS無法返回正確的Mime，可能由于你的系統(tǒng)的原因。

進(jìn)入注冊(cè)表編輯器，查看 HKEY_CLASSES_ROOT\.css 里面的 Content Type 是否是 text/css。

3、服務(wù)器環(huán)境無法顯示樣式

在服務(wù)器環(huán)境中無法顯示樣式，不管是本地還是遠(yuǎn)程，解決的方法都是一樣的，既然服務(wù)器不能返回正確的文檔類型，我們就需要手動(dòng)配置。

IIS服務(wù)器

對(duì)于IIS服務(wù)器通過配置web.xml文件，要求服務(wù)器輸出正確的CSS Mine信息。

<mime-mapping>
<extension>css</extension>
<mime-type>text/css</mime-type>
</mime-mapping>

Apache服務(wù)器

當(dāng)web服務(wù)器想瀏覽器發(fā)送文檔時(shí)，它會(huì)給文檔加上一個(gè)響應(yīng)報(bào)頭作為前綴，此報(bào)頭包含了用于告訴瀏覽器如何解釋文檔的數(shù)據(jù)，元數(shù)據(jù)的一個(gè)最重要的部分是最后一行中的Content-Type。它將告訴瀏覽器如何呈現(xiàn)內(nèi)容。例如瀏覽器用于顯示 JPEG 和 GIF 的代碼是不同的。

而這里我們需要正確的配置CSS文件的Content-Type，在Apache的安裝目錄下有一個(gè)conf文件夾，里面的mime.types文件就是響應(yīng)報(bào)頭文檔類型配置。

添加一下代碼到mime.types文件中，然后重啟Apache服務(wù)器。

text/css                    css

如果還是不行，試著添加一下代碼到httpd.conf文件中，加載mime.types配置文件。

<IfModule mime_module>
TypesConfig conf/mime.types
</IfModule>

感謝各位的閱讀！關(guān)于“css因mime類型不匹配而被忽略的解決方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！