<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>position:fixed in IE6 修正</title>
<style type="text/css">
<!--
body{
padding:0 10px;
height:100%;
font-size:12px;
overflow-y:auto;
}
#leftMenu {
background: #CCCCCC;
height: 300px;
width: 150px;
position: fixed;
left: 40px;
top: 30px;
border: 1px solid #666666;
padding: 10px;
letter-spacing: 0.2em;
color:#990033;
}
#main{
background:#36F;
margin-top:450px;
margin-bottom:300px;
float:right;
padding:10px;
color:#FFF;
}
* html{
overflow-x:auto;
overflow-y:hidden;
}
* html #leftMenu{
position:absolute;
}
-->
</style>
</head>
<body>
<div id="leftMenu">
<p>这是左侧的菜单，在标准的浏览器中采用固定定位，而非标准的浏览器（IE6）中，使用了一些HACK，和IE6本身的BUG！</p>
<p>enjoy it!（这句英语帅不？）</p>
</div>
<div id="main">
<p>这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！</p>
<p>拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！</p>
<p>欢迎您光临我的博客: http://www.zendstudio.net/，gently原创内容，谢谢保留本段文字。</p>
<p> </p>
<p> </p>
<p> </p>
<p>这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！</p>
<p>拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！</p>
<p>欢迎您光临我的博客: http://www.zendstudio.net/，gently原创内容，谢谢保留本段文字。</p>
<p> </p>
<p> </p>
<p>这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！</p>
<p>拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！</p>
<p>欢迎您光临我的博客: http://www.zendstudio.net/，gently原创内容，谢谢保留本段文字。</p>
<p> </p>
<p> </p>
</div>
</body>
</html>
