ie8浏览器的兼容性问题及解决,jquery,bootstrap - xzbwx

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的话,查一下有没有清除浮动