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

5次阅读

  大家知道 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>

复制代码


正文完
 
关于

柠檬铺(NINGMOP.COM)品牌网站建设 专注于网站建设领域,面向全国各省市地区的大中小型企业、事业单位、政府机构提供网站建设、网络基础服务、平面设计等服务,致力于为客户提供精准的电子商务信息化解决方案,拥有多年的资深行业经验。业务范围涉及:网站策划、网站设计、程序开发、网站推广等。

信任

柠檬铺 品牌网站建设 在我们的不懈努力下,已成为客户在互联网信息化领域值得信任、有价值的长期合作伙伴,很多同一项目在我们这里进行升级或完善。不管是各行业的企业站还是各种规模与类型的电子商务平台,我们都将以个性化的的创意策划、成熟的网站建设技术、强大的程序开发实力、丰富的网站维护经验以及全方位的网络营销策略,为客户提供真正专业、全面的解决方案。

Copyright ©2023 柠檬铺
湘公网安备43020202000110号 湘ICP备15002662号-5
嘿,我来帮您!
 Theme by Puock