找到最好的IE 6 的固定定位方案

IE6 position:fixed固定定位的解决方法

作者：Niker出处：博客2010-09-17 06:02

本文和大家重点讨论一下如何解决IE6 position:fixed 固定定位问题，CSS中的position:fixed……

 

　　本文和大家重点讨论一下如何解决IE6 position:fixed 固定定位问题，CSS中的position:fixed; 可以让网页上的某个元素固定在一个绝对的位置，即使拉动滚动条位置也不发生变化，希望本文介绍对你学习有所帮助。

　　解决IE6 position:fixed 固定定位问题

　　position:fixed; 可以让网页上的某个元素固定在一个绝对的位置，即使拉动滚动条位置也不发生变化。

　　◆一般的 position:fixed; 实现方法

　　view sourceprint?

 

以下是代码片段：
1.#top{ 
2.position:fixed; 
3.bottom:0; 
4.right:0; 
5.}

　　◆在 IE6 中实现 position:fixed; 的办法

　　view sourceprint?

 

以下是代码片段：
1.#top{ 
2._position:absolute; 
3._bottom:auto; 
4._top:expression(eval(document.documentElement.scrollTop+document. 
documentElement.clientHeight-this. 
offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)- 
(parseInt(this.currentStyle.marginBottom,10)||0))); 
5.}

　　◆position:fixed; 闪动问题

　　现在，问题还没有完全解决。在用了上面的办法后，你会发现：被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入：

　　view sourceprint?

 

以下是代码片段：
1.*html{ 
2.background-image:url(about:blank); 
3.background-attachment:fixed; 
4.}

　　*是针对IE6