在做div+css網頁設計的時候突然IE6不能正常解析CSS文件,解決半天也不得其解,於是上網去找老師,最後在網上找到了一篇好的文章,且解決了問題,特發出來為大家欣賞,首先謝謝本文作者。
網頁采用了 UTF-8 編碼格式,這本來沒有問題,問題是外部 CSS 文件默認是 ANSI 編碼,並沒有保存為 UTF-8 格式。可能你會發現在一般情況下這樣也是沒有問題的,然而當 CSS 文件中包含有中文注釋時就可能不盡如人意了!估計是 IE6 版本以下的浏覽器在解析這個 CSS 文件時因為編碼問題而無法正確解析,所以才會發生 CSS 在 IE6 下不起作用的情況。看來微軟已注意到這個問題,在 IE7 中把它修復了。
但是用IE6 的人還是不少。因此這個問題需要解決:
方法一:把 CSS、JS 和網頁文件都統一保存為 UTF-8 格式。
方法二:去掉 CSS、JS 中的中文注釋,或者改為英文。 上文為IE6因為編碼問題無法正確解析CSS文件
有時候我們發現我們寫的html頁面引用外部css文件的時候在IE7和FF中能夠很好的被解析,即能正常顯示,可在IE6中卻完全沒有被解析,即css文件裡的樣式根本沒應用到我們的html頁面,這是怎麼回事?開始我把css文件裡頭的所有樣式都復制粘貼到html頁面中的<style></style>中,這樣做以後,IE6、IE7、FF都能正常顯示了,這也就說明外部的css文件應該是存在什麼問題了,為什麼在IE6中出現這問題,而在IE7和FF中卻沒有?網上google了下,發現是IE6中對頁面的編碼有嚴格的要求,我查看了下,朋友發過來的CSS文件用的編碼是GB2312的,而Html文件用的是utf-8的,原來問題就出在這裡了,我把css文件內容的編碼用ed改成utf-8,再次測試的時候,一切恢復正常了,還有就是我發現朋友的css文件裡面用中文注釋,嚴重建議朋友們不要在CSS文件裡面用中文來注釋,這樣也會引起編碼的問題。