IE6中無法引用Css樣式的問題

2021-08-31 19:46:59 字數 635 閱讀 2888

問題症狀: 

1、通過link方式引用css,在ie7,ie8可以正常顯示,ie6不能正常顯示。 

解決: 

1、改變檔案編碼格式為utf-8,並在css檔案加上 @charset "utf-8"; 

2、去掉css中的中文注釋。 

原因: 

參考網上的 

今天在做乙個網頁的時候發現 ie6 版本以下的瀏覽器不能把css正確地表現出來,css 好像沒有產生任何作用!而 ie7 、opera9 和 firefox2 則沒有任何問題。經過長久的分析研究,終於被我發現產生問題的原因: 

網頁採用了 utf-8 編碼格式,這本來沒有問題,問題是外部 css 檔案預設是 ansi 編碼,並沒有儲存為 utf-8 格式。可能你會發現在一般情況下這樣也是沒有問題的,然而當 css 檔案中包含有中文注釋時就可能不盡如人意了!我估計是 ie6 版本以下的瀏覽器在解析這個 css 檔案時因為編碼問題而無法正確解析,所以才會發生 css 在 ie6 下不起作用的情況。看來微軟已注意到這個問題,在 ie7 中把它修復了。 

但是用 ie6 的人還是不少。因此這個問題需要解決: 

方法一:把 css、js 和網頁檔案都統一儲存為 utf-8 格式。 

方法二:去掉 css、js 中的中文注釋,或者改為英文。

IE6中position fixed無效問題解決

在做頁面右下腳對話方塊時,直接使用position fixed 大部分瀏覽器很容易就能做到,但是在ie6中卻發現不行,原來是ie6不支援position fixed 這個屬性。雖然用js肯定能解決這個問題,但是總覺得用js來做布局的工作不是很好,網上找了下這個問題,發現可以直接用css方法解決,如下...

CSS 解決IE6中min width問題

參考資料 http www.webreference.com programming min width index.html ie6中的min width無效,而實際上,這是乙個很好很有用的屬性.怎麼解決呢?參考資料中的方法其實也很麻煩,需要新增兩個空div標籤.乙個是設定乙個大的邊框寬度 bor...

CSS 中ie6相容問題

1 css bug css樣式在各個瀏覽器中解析不一致的情況,或者說是css樣式在瀏覽器中不正確顯示問題,成為css bug 2 css hack css 中,hack是指一種相容css在不同瀏覽器中正確顯示的技巧方法,因為他們都屬於個人對css 的 非官方修改,或者非官方補丁。有人喜歡用patch...