今天發現頁面在IE6下樣式錯亂,明顯的沒有加載到CSS,可是在IE7、IE8、IE9、谷歌、火狐、Opera等瀏覽器上都沒有問題,正常顯示,是怎么回事呢?
網頁采用UTF-8 編碼格式,這本來沒有問題,問題是外部 CSS 文件默認是 ANSI 編碼,並沒有保存為 UTF-8 格式。可能你會發現在一般情況下這樣也是沒有問題的,然而當 CSS 文件中包含有中文注釋時就可能不盡如人意了!估計是 IE6 版本以下的瀏覽器在解析這個 CSS 文件時因為編碼問題而無法正確解析,所以才會發生 CSS 在 IE6 下不起作用的情況,IE6對頁面的編碼有嚴格的要求。
解決辦法:
1.去掉 CSS、JS 中的中文注釋,或者改為英文。
2.把 CSS、JS文件 和頁面文件都統一編碼,可以保存為UTF-8 格式。解決的辦法:直接用記事本打開CSS,然后另存為,選擇utf-8編碼(與你的頁面一致)。