大家知道 IE6不支持position:fixed;那么我们可以用position:absolute来模拟position:fixed的效果
先来看CSS
- <style>
- *{
- padding:0; margin:0
- }
- html{
- _overflow:hidden/*IE6 重要!*/
- }
- body{
- _height:100%; _overflow:auto;/*IE6 重要!*/
- }
- .ie6fix{
- position:fixed; _position:absolute; width:500px; height:200px; background:red; top:0; left:0; z-index:999/*position:fixed VS position:absolute*/
- }
- p{
- height:50px
- }
- </style>
复制代码
fixed元素的绝对位置是相对于HTML元素来说,滚动条是body元素的- -|||; 让html和body高度相同,其余的溢出隐藏
html代码
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <p>1</p>
- <div class="ie6fix"></div>
复制代码
发表回复