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

1.ie8浏览器报错’$’未定义:javascript

解决:浏览器开发者工具显示’$’未定义,致使javascript不能运行css

       '$'是jquery的标志,查看jquery的版本号以及它支持的浏览器,发现ie8不支持jquery3.?以上的版本,html

      报错证实你使用的jquery版本太高,在ie8能够使用jquery-1.11.3.min.jsjava

2.Bootstrap赶上ie8 图片大小没法控制问题[若程序在其余浏览器中运行格式良好,ie8图片大小出现问题]jquery

解决:ie8浏览器测试时发现,在其余浏览器下运行格式良好,而在ie8图片大小出现问题,致使页面排版混乱bootstrap

      此问题是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.请设置好图片的宽度和高度,还有其父级元素的高度和宽度spa

注意:若在其余浏览器中格式不ok的话,查一下有没有清除浮动

相关文章
相关标签/搜索