ie8瀏覽器的兼容性問題及解決(jquery,bootstrap)


1.ie8瀏覽器報錯’$’未定義:

解決:瀏覽器開發者工具顯示’$’未定義,導致javascript不能運行

       '$'是jquery的標志,查看jquery的版本號以及它支持的瀏覽器,發現ie8不支持jquery3.?以上的版本,

      報錯證明你使用的jquery版本過高,在ie8可以使用jquery-1.11.3.min.js

2.Bootstrap遇上ie8 圖片大小無法控制問題[若程序在其他瀏覽器中運行格式良好,ie8圖片大小出現問題]

解決:ie8瀏覽器測試時發現,在其他瀏覽器下運行格式良好,而在ie8圖片大小出現問題,導致頁面排版混亂

      此問題是ie8和bootstrap的兼容性不好導致

      1. 參考http://www.open-open.com/lib/view/open1453350948730.html修改相關內容解決bootstrap3 IE8瀏覽器兼容問題

      2.bootstrap.css中添加

 

img {
  /*width: auto\9;注釋掉*/
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

 

   3.請設置好圖片的寬度和高度,還有其父級元素的高度和寬度

注意:若在其他瀏覽器中格式不ok的話,查一下有沒有清除浮動

 

 

 

 

 


免責聲明!

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



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