pc端兼容ie8过程中遇到的问题

以下是兼容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文件的路径*/