甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

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问题解决方案
    浏览地址：https://chengdu.cdxwcx.cn/article/dpojhjs.html

    其他资讯