IE不同版本的兼容问题

 作为一名前端开发人员，跟IE的接触可是不少啊。这个大家都懂得，我也不多说了。今天又用到了（最近对IE6的兼容写的比较多），

所以我决定，将常用的兼容汇集总结下。下面我总结了一些IE下的hack：

 

_	IE6独有
*	IE6，IE7
\0	IE8
\9	IE8 ,9

 

 

 

 

 

 

 

配合@media使用的hack如下：

@media \0screen\,screen\9	IE6,7,8
@media \0	IE8

 

 

 

 

另：在IE6下对fixed属性的兼容支持：

.fixItem{

　　position:fixed;

      _postion:absolute;

     bottom:0;

　　_bottom:auto;

　　right:20px;

　　_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

IE6对固定在顶部的兼容

.fixItem{

　　_position:absolute;

　　_bottom:auto;

　　_top:expression(eval(document.documentElement.scrollTop));

}

光用以上表达式的时候，我们会发现，在IE6下滚动滚动条时，固定在浏览器顶部分元素会有闪烁的效果，为避免这种闪烁的效果，在CSS中添加一下代码即可：

*html{

　　background-image:url(about:blank);

　　background-attachment:fixed;

}

 

 

这些是我目前用的较多的hack，不太全，先写这么多，后期再补全。

 

===================

IE11

_:-ms-fullscreen,:root .infoinput {
padding-top: 4px;
padding-bottom: 4px;
}