本文和大家重點(diǎn)討論一下如何解決IE6 position:fixed 固定定位問題，CSS中的position:fixed; 可以讓網(wǎng)頁上的某個元素固定在一個絕對的位置，即使拉動滾動條位置也不發(fā)生變化，希望本文介紹對你學(xué)習(xí)有所幫助。

解決IE6 position:fixed 固定定位問題

position:fixed; 可以讓網(wǎng)頁上的某個元素固定在一個絕對的位置，即使拉動滾動條位置也不發(fā)生變化。

◆一般的 position:fixed; 實(shí)現(xiàn)方法

view sourceprint? 

1.#top{   
2.position:fixed;   
3.bottom:0;   
4.right:0;   
5.}  
 

◆在 IE6 中實(shí)現(xiàn) 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; 閃動問題

現(xiàn)在，問題還沒有完全解決。在用了上面的辦法后，你會發(fā)現(xiàn)：被固定定位的元素在滾動滾動條的時候會閃動。解決閃動問題的辦法是在 CSS 文件中加入：

view sourceprint?

1.*html{   
2.background-image:url(about:blank);  
3.background-attachment:fixed;   
4.}  
 

*是針對IE6

【編輯推薦】

1. IE6 position:fixed問題解決方案
2. CSS中三大position屬性值用法解讀
3. 深入探究DIV CSS布局中position屬性用法
4. CSS中background-position屬性語法解析
5. Firefox、IE7、IE6瀏覽器兼容問題概念解析