以下是兼容ie8的一些经验，跟大家分享一下:
1、bootstrap弹框无效
在head标签加上下面这个标签就好了。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible指的是ie8浏览器，content中的内容告诉浏览器以什么方式渲染，可以指定ie6,ie7的渲染方式。IE=edge是告诉浏览器使用最高版本的ie来渲染页面。
注意：这里最高版本我的理解是，此处依然是ie8，但是排除了兼容模式那种。而不是ie9,ie10什么的（这里比较困惑）
2、<label for=''>
ie8不支持label的for属性。使用时注意
3、jquery的append方法
我用的是jquery-1.11.1版本，在使用append方法时，如append('<div></div>')不起作用。
原来在ie8下使用append添加元素时，如果传入的是字符串，需要用这种形式。append($('<div></div>'))，这样就可以兼容ie8了
4、border-radius
ie8下border-radius没有任何效果。为了使用圆角效果，需要下载PIE系列文件（可网上下载），然后在引用到css中就有效果了。代码如下：
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url('../lib/PIE-1.0.0/PIE.htc'); /*这里是引用PIE.htc文件的路径*/