ie瀏覽器無法加載css樣式,谷歌等其他瀏覽器正常顯示問題


1.HTML頁面編碼與CSS編碼不同(如HTML為gbk,CSS為utf-8)。
2.CSS文件中未指定@charset頭聲明,導致IE默認使用頁面編碼來解碼CSS文件(DEMO中IE瀏覽器使用gbk來解碼一個utf-8的CSS文件)。
3.中文注釋中的漢字為奇數個數時,會與結尾的“*/”組合成新的合法字符,導致注釋未能正確關閉,造成緊跟其后的樣式被自動注釋,從而引起樣式失效。
4.不要使用@import url('a.css')。如果使用@import,當css文件發生改動時,客戶端IE6將不會刷新該css。

以上未試過

問題描述:項目頁面在谷歌 360極速模式 等瀏覽器下顯示正常,但在ie下樣式不見了。然后去瀏覽器查看元素,對比不同瀏覽器選擇元素   發現ie瀏覽器情況下部分css文件沒被引用,然后搜索到以下鏈接

5 https://blog.csdn.net/shehun1/article/details/7506127  (本人測試項目因為鏈接博主的這個原因導致的。這里我把css樣式按31行一個文件划分為了多個)

例如

 <link href="${ctx}/static/style/style.css" rel="stylesheet" type="text/css" />

划分為以下

<link href="${ctx}/static/style/style1.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/static/style/style2.css" rel="stylesheet" type="text/css" />


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM