您的位置：首页 > 其它

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

2014-01-06 23:20 495 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航