让你的页面在ie6也能position:fixed

在浏览器中固定位置(悬停)

那我们是不是把html,body元素隐藏掉了,再用div(比如<div id=body>)元素伪装成body元素,再把要悬停的元素(比如div)写在id=body元素的外层,是不是留可以了呢?

CSS

/*隐藏htmml,body*/  
html,body{height:100%; width:100%; overflow:visible!important; overflow:hidden; margin:0}

/*用div伪装body*/  
div#body{  
   position:relative;  
   width:100%;  
   height:100%;  
   overflow-x:auto;  
   overflow-y:scroll;  
   background:#fff;  
   cursor:default  
}  
/*悬停的元素 id=fixed*/  
div#fixed{  
   position:fixed!important;  
   position:absolute;  
   z-index:10;  
   rightright:100px;  
   bottombottom:100px;  
   width:400px;  
   height:300px;  
   background:#000;  
   color:fff;  
   text-align:center;  
   line-height:300px  
}

HTML

<div id="fixed">  
我怎么不会动了啊?  
</div>  
<div id="body">

</div>

标准的,实用的(实在找不到形容词了!)…

我们给写个小小的hack,使它兼容各个浏览器吧?好,请看下面

/*隐藏htmml,body===//我们在这里只给ie6隐藏body,其他浏览器使用position:fixed*/
/*html,body{height:100%; width:100%; overflow:hidden; margin:0}*/
/*为了简单...这样ie6也认识*/
html,body{height:100%; width:100%; _overflow:hidden}