css不生效，ie相容模式就行，如何處理css與IE相容性問題

1樓：mexico卡卡

這是因為ie自從ie9開始，會對網頁的mime型別進行驗證，如果mime型別不正確的話，就不會載入相應的樣式表或者js檔案，這也是出於安全的考慮。

造成ie9以上瀏覽器無法載入css樣式表的，有幾個可能的原因，乙個可能是你的css樣式引用的書寫方式不正確，導致在ie9和ie10下面無法通過mime的檢查，如果是這個原因，在**裡面修改一下css樣式引用的方法就行了。

另外乙個可能的原因，可能是你在電腦裡面安裝了**軟體或者其他什麼與**相關的軟體，如wallproxy之類的，這一類軟體可能會在開啟本地html檔案時修改mime型別，把type替換為stain之類，這個沒有什麼特別好的解決方法，要麼解除安裝這些軟體，要麼重新安裝一下試試。

如果你是自己配置伺服器後出現了這個問題，那麼就可能是第三個原因了，在伺服器端沒有配置css的mime型別，這個對應的在iis或者apache裡面新增一下css的type就行了。

2樓：天池月下

這個應該是css的優先順序問題導致的，你可以檢視沒效果情況下是哪兒的樣式代替了原本應該起效果的樣式

3樓：豪哥球迷

衝突了。。貼出來這樣講不清楚

4樓：

請將問題**貼出來~

5樓：

你看看是不是link標籤的問題

如何處理css與ie相容性問題

6樓：go陌小潔

ie瀏覽器從ie8開始新增了相容模式，開啟後會以低版本的ie進行渲染。相容模式有可能會導致網頁顯示出問題，於是通常在html中新增下列**來使 ie 使用固定的渲染模式：

**如下:

還有一種情況，在ie8下只有不使用相容模式頁面才能顯示正常，但是如果設定為ie8的模式，在ie9中卻會導致css3失效。看來，需要針對 ie8、ie9 分別禁用相容模式。怎麼辦呢？

可以在後台判斷瀏覽器版本，如果是ie8就輸出content="ie=8"，如果是ie9就輸出 content="ie=9"。其實還可以單純通過html來實現的，html**如下：

經測試後完美解決了相容模式問題，這樣設定後ie中設定相容模式的按鈕也會消失，可以按f12開啟「開發人員工具」來檢查瀏覽器模式。

css樣式在ie中不能正常顯示

7樓：育知同創教育

css樣式在ie中不能正常顯示是因為存在相容性問題。

以padding的相容性為例：

padding:10px;

padding:9px\9; /* all ie */padding:8px\0; /* ie8-9 */*padding:

5px; /* ie6-7 */+padding:7px; /* ie7 */_padding:6px; /* ie6 */

8樓：黑馬黃子

-webkit-column-count:2;

-webkit-column-gap:30px;

不支援ie瀏覽器

-webkit-column-count:2;

-webkit-column-gap:30px;

-ms-column-count:2;

-ms-column-gap:30px;

column-count:2;

column-gap:30px;