ie6不兼容position：fixed的解决方法

最新推荐文章于 2022-07-19 20:26:58 发布

KeevaJ

最新推荐文章于 2022-07-19 20:26:58 发布

阅读量743

点赞数

CC 4.0 BY-SA版权

分类专栏： div+css

本文链接：https://blog.youkuaiyun.com/mm9mm8/article/details/17933685

div+css 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在Internet Explorer 6浏览器中实现固定位置导航栏的方法。通过特定的CSS技巧，确保了导航栏即使在页面滚动时也能保持在屏幕顶部不变。文章通过具体的HTML和CSS代码示例展示了这一实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>Untitled Document</title>

<style>
body { margin:0; padding:0;}
#nav { width:100%; height:50px; background:#000;}
.main { width:980px; background:#FFC; margin:0 auto;padding-top:50px;}
.fixed { position:fixed; top:0; left:0;}
.ie6fixed { _position:absolute; _margin-top: 0; _left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop));} /* ie6 fixed hack */}
* body {background-image:url(about:blank);background-attachment:fixed;}/* 使ie6fixed屏幕不闪 */

</style>
</head>

<body>
<div id="nav" class="fixed ie6fixed">
</div>
<div class="main">
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
   <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
   <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
   <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
   <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
   <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
  <p>_____________________</p>
  <p> </p>
  <p>aa</p>
</div>
</body>
</html>