解决IE6不支持position:fixed的问题

 大家知道 IE6不支持position:fixed;那么我们可以用position:absolute来模拟position:fixed的效果

先来看CSS

  1.  
  2. <style>
  3. *{
  4. padding:0; margin:0
  5. }
  6. html{
  7. _overflow:hidden/*IE6 重要!*/
  8. }
  9. body{
  10. _height:100%; _overflow:auto;/*IE6 重要!*/
  11. }
  12. .ie6fix{
  13. position:fixed; _position:absolute; width:500px; height:200px; background:red; top:0; left:0; z-index:999/*position:fixed VS position:absolute*/
  14. }
  15. p{
  16. height:50px
  17. }
  18. </style>

复制代码


fixed元素的绝对位置是相对于HTML元素来说,滚动条是body元素的- -|||; 让html和body高度相同,其余的溢出隐藏

html代码

  1.  
  2. <p>1</p>
  3. <p>1</p>
  4. <p>1</p>
  5. <p>1</p>
  6. <p>1</p>
  7. <p>1</p>
  8. <p>1</p>
  9. <p>1</p>
  10. <p>1</p>
  11. <p>1</p>
  12. <p>1</p>
  13. <p>1</p>
  14. <p>1</p>
  15. <p>1</p>
  16. <p>1</p>
  17. <p>1</p>
  18. <p>1</p>
  19. <p>1</p>
  20. <div class="ie6fix"></div>

复制代码


发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

Grow your business fast with

Suku