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.shufengxianlan.com/qtweb/news36/472836.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

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

    猜你还喜欢下面的内容

    做网站知识

    分类信息网

    成都微信小程序开发　　 　格蓝特设备　　 　橡塑保温管　　 　成都网站制作　　 　快照排名　　 　平山县网站建设　　 　h5响应式网站　　 　品牌网站建设　　 　成都移动服务器托管　　 　大橙子建站　　 　重庆托管服务器　　 　商标注册　　 　高端网站建设　　 　广安做网站　　 　成都花箱厂家　　 　禾巨建站　　 　成都网站SEO优化公司　　 　香港云主机　　 　成都网站制作　　 　成都服务器租赁