解決IE6 position:fixed 固定定位問題
作者：Niker
CSS中position屬性有4種可選值:static,relative,absolute,fixed,用于定位html元素的位置，并影響元素塊生成的方式，這里向大家描述一下IE6中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
【編輯推薦】
- IE6 position:fixed問題解決方案
- CSS中三大position屬性值用法解讀
- 深入探究DIV CSS布局中position屬性用法
- CSS中background-position屬性語法解析
- Firefox、IE7、IE6瀏覽器兼容問題概念解析
責任編輯：佚名
來源：
wpzone.cn
