今天在本地調試好頁面在IE6,7,8,及火狐的效果后，上傳服務器，上傳以后，發現頁面在IE7,8,火狐下是正常的，在IE6下串位。問題發生以后，我在本地又測試了一下IE6的效果，一切正常，可是服務器上的頁面缺是不正常，起初懷疑是頁面JS和<meta>標簽不統一的原因造成的，待我統一了JS和<meta>標簽后，問題依然出現。于是我把服務器上的頁面在IE6里另存為下載了下來，下載以后，我突然發現頁面的CSS文件的中文注釋語句都變成了亂碼。這就是頁面在IE6下不能正常顯示的原因，因為頁面的CSS文件由于注釋語句變成亂碼的原因無法正常讀取。這里我發現了CSS文件與HTML文件的語言編碼不統一的問題，HTML文件的語言編碼是<meta http-equiv="Content-Type" content="text/html; charset=gb2312">而CSS文件的語言編碼是@charset "utf-8";，這就造成了瀏覽器在讀取CSS文件時，無法讀取注釋語句的問題。（注意：不是單指注釋語句的問題，如果有中文等字符，也會如此。如：font-family: "宋體";）我之前在網絡上見過一個人說，“CSS文件只能設置成UTF-8，而不能設置成GB2312，如果設置成GB2312，會造成錯誤”，所以我才將CSS的語言設置為??@charset "utf-8";，但是如果這樣寫出來，而HTML又是GB2312的話，就會造成CSS讀取不出來的問題。所以解決辦法是刪除@charset "utf-8";這個聲明語句，貌似刪除以后，CSS的編碼依然是UTF-8，但是頁面讀取會正常。看來，以后在編寫CSS文檔的時候，還是不添加@charset "utf-8";，這個聲明語句比較安全！

轉載于:https://www.cnblogs.com/zlmlovem/archive/2012/11/15/2771033.html

總結

以上是生活随笔為你收集整理的CSS文件添加 @charset utf-8; 可能会引起样式在IE6下失效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。