IE6 position:fixed问题解决方案

本文向大家简单介绍一下解决IE6下position:fixed问题方法，造成这个问题的原因是fixed元素的绝对位置是相对于HTML元素，滚动条是body元素的，相信本文介绍一定会让你有所收获。

***的IE6 position:fixed

这个内容是老生常谈了，主要问题就是IE6不支持position:fixed引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用position:absolute来替代解决,可是我们真的解决了么?没有,因为当页面比较长的时候,拖动滚动条,那个fix的地方也相应的闪动.虽然最终会近似于需求的目标,但是不***.那么如何解决这一问题呢?

造成这个问题的原因是fixed元素的绝对位置是相对于HTML元素,滚动条是body元素的(貌似ie6中他们的区别就是在于滚动条界限那里)。知道了原因,我们就大概知道如何解决了:

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.

没错,就是加上这样的一段code,现在看看完整的页面code:

 
 
 
      
  
  
  1.   
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.   
  
  
  6. content="text/html;charset=utf-8"/> 
    7.   
  
  
  7. IE6position:fixed 
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.
 
  •  
  • FIXED  
  •  
  •  
  •  

    • 【编辑推荐】

    1. JavaScript巧解IE6至IE8兼容问题
    2. CSS position属性定义和用法
    3. ***实现IE6/IE7/FF浏览器兼容通用方法
    4. CSS属性display:inline-block使用揭秘
    5. 深入探究DIV CSS布局中position属性用法

    当前名称：IE6 position:fixed问题解决方案
    本文网址：http://www.kswsj.com/qtweb/news36/472836.html

    网站建设、网络推广公司-成都快上网，一家网站设计、网站制作公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 成都快上网

    成都快上网科技猜您喜欢

    商城网站知识

    分类信息网站

    成都免费建网站　　 　温江做网站　　 　企业微信定制　　 　vi形象设计　　 　彭州做网站　　 　成都联通服务器托管　　 　成都众诚伟业　　 　腾讯云免备案空间　　 　绵阳科技城电信IDC机房　　 　成都定制网站开发　　 　成都商城app开发　　 　重庆手机网站建设　　 　四川成都网站设计　　 　广元双南建站　　 　网站SEO优化排名　　 　乐山网站建设　　 　成都广告制作　　 　网站快速收录　　 　SSL证书　　 　重庆网站建设