码迷,mamicode.com
首页 > 其他好文 > 详细

IE不同版本的兼容问题

时间:2016-01-06 14:07:14      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

 作为一名前端开发人员,跟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,不太全,先写这么多,后期再补全。

 

IE不同版本的兼容问题

标签:

原文地址:http://www.cnblogs.com/lr-blog/p/5104088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!