前端相容性的一些問題

1，ie7  ie8中出現橫向下拉框 

      原因在於：（1）css3的transition，keyframes屬性不支持，使得動畫效果的top left定位的值無法更改，圖片占據空間。從而會出現滾動條。。。

2,ie7 ie8中div掉落

 　 原因：（1）width：調整   （2）float影響：併列元素調換順序

3，圖片顯示不正常

  　原因：（1）ie7 ie8不支持background-size：cover屬性     解決：下載 backgroundsize.min.htc

4，對應不同的ie添加附加的css樣式，解決hack問題   

        <!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]--

       <!--[if IE]> 所有的IE可識別 <![endif]-->

　　<!--[if IE 6]> 僅IE6可識別 <![endif]-->
　　<!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]-->
　　<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->
　　<!--[if IE 7]> 僅IE7可識別 <![endif]-->2018-01-062018-01-06
　　<!--[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]-->
　　<!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->
　　<!--[if IE 8]> 僅IE8可識別 <![endif]-->
　　<!--[if IE 9]> 僅IE9可識別 <![endif]-->