广西快3

16素材
您现在的位置:广西快3 > 教程中心 > DIV+CSS教程

解决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>
复制代码

关键词: 解决不支持position:fixed

相关素材