当前位置:  编程技术>WEB前端

ie6,ie7,ie8完美支持position:fixed的终极解决方案

    来源: 互联网  发布时间:2014-10-07

    本文导语:  ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。 代码...

ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。

代码如下:

 

css:

代码如下:

.fixed{
        position:fixed; /*对于火狐等其他浏览器需要设置的*/
        top:700px;  /*同上*/
        width:30px;
        height:30px;
        cursor:pointer;
        display:none;
 } 
 .ie{  
       _position: absolute; 
       _clear: both;  
       _top:expression(eval(document.compatMode &&  
               document.compatMode=='CSS1Compat') ?  
               documentElement.scrollTop  
               +(documentElement.clientHeight-this.clientHeight) - 1  
               : document.body.scrollTop  
               +(document.body.clientHeight-this.clientHeight) - 1);
}

    
 
 

您可能感兴趣的文章:

  • IE6支持position:fixed完美解决方法
  •  
    本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.169IT.COM)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
  • IE6还支持applet 吗!!
  • IE6对XML的支持比较好,但不支持JAVA……
  • IE6.0 是否支持java2 ?
  • 区分IE6,IE7,firefox的CSS hack
  • 小问题一个:ie6是否支持java2,先答先得(当然得答对)!
  • 解决IE6 3像素Bug的css写法
  • 初学者问题:IE6还支持JAVA虚拟机吗?
  • 怎样让 IE6 自动识别文字的编码?
  • 请问IE6怎么不支持JAVA(想知道详细一点)?(对JAVA不熟想了解以下)
  • css ie6 ie7 ff的CSS hack使用技巧
  • Bootstrap 的 IE6 兼容扩展 Bsie
  • ie6 注释引起的问题
  • 在servlet里面用xml和xslt合成html文件,在ie5里面能正常显示,ie6里面不能正常显示!
  • IE6网页神奇BUG
  • 在Win2000Server上安装IE6,会不会对编Java有影响???
  • 我的applet为什么只能在netscape下显示出来,IE6就显示不出来??
  • jquery fancybox ie6不显示关闭按钮的解决办法
  • IE6不能正常解析CSS文件问题的解决方法及原因分析
  • Jquery实现侧边栏跟随滚动条固定(兼容IE6)
  • Tomcat + win2000 + IE6.0 修改JSP,关于页面显示不刷新的问题。


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号