IE6、7、8的兼容性

直接进入主题，网上有很多方法，基本是引入html5.js的文件，原因是这三个版本的IE不支持css3和html5，无法使用对应的心标签和样式属性以及伪类和选择器，由于公司的项目是面向政府部门，大部分部门的电脑都是非常老旧，最低需要兼容到ie6，为了避免不必要的兼容性修改，在开发的时候需要注意：

1.ie6与ie7、8、9、10、11以及谷歌火狐欧朋等浏览器极为不同，是一个BUG的集合体，最突出的表现就是padding和width的关系，ie6的width默认是不包括padding的，而其他的浏览器默认是包括padding，这就要为ie6单独配置高度和宽度

2.在开发的时候，尽量把IE6的独特性考虑进来，使用"_"来定义样式属性，例如“_color:red”这样就只有IE6会识别，大多用在给IE6设置高度和宽度。

3.使用"\9"来为IE6、7、8设置通用的样式属性，例如：“width:100px \9; background:#fff \9;”注意空格 。

4.ie6的网页居中无法使用margin: 0 auto;需要在body设置text-align:center;然后对不需要居中显示的字体设置text-align:left；

5.IE6、7、8这三个版本只能使用2.0以下的jquery，按照这样的设置判断浏览器版本来加载对应的JQ：

<script type="text/javascript">
	var ms_ie = false;
	var ua = window.navigator.userAgent;
	if(ua.indexOf('MSIE 6') != -1 || ua.indexOf('MSIE 7') != -1 || ua.indexOf('MSIE 8') != -1){
		document.write('<script type="text/javascript" src="js/jquery-1.11.3.min.js"><\/script>');
	}else{
		document.write('<script type="text/javascript" src="js/jquery-3.2.1.min.js"><\/script>');
	}
</script>

除了js的方式外，还可以似乎用下面的方式：

<!--[if lt IE 7]><![endif]--> IE7以下版本
<!--[if IE 7]><![endif]--> IE7
<!--[if IE 8]><![endif]--> IE8
<!--[if gt IE 8]><![endif]--> IE8以上