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