CSS，實現IE6固定定位及解決"抖動"的原理

　　雖然現在網上有許多用JS或JQ封裝的函數，用於實現的兼容IE6的固定定位，但似乎有點大材小用，其實可以用CSS的expression解決：

_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));

　　如上設置后會出現一個問題，固定的元素背景在滑動會抖動，解決方案：

* html{
    background-image:url(about:blank);
    background-attachment:fixed;
}

完整的CSS代碼：

* html{
    background-image:url(about:blank);
    background-attachment:fixed;
}
#nav{
    position:fixed;
    top:0;
    left:0;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));
}

 

 需要注意的是：
　　*html{ background-image:url(about:blank);background-attachment:fixed;}

由於IE的一個多步渲染進程。當滾動或調整瀏覽器大小時，該進程將重置所有內容並重畫頁面，這個時候它就會重新處理css表達式。這會引起一個丑陋的“振動”bug，在此處固定位置的元素需要調整以跟上頁面的滾動，於是就會“跳動”。

解決辦法就是使用background-attachment:fixed為body或html元素添加一個background-image。
　　這會強制頁面在重畫之前先處理CSS。
因為是在重畫之前處理CSS，故在重畫之前首先處理你定義的CSS表達式。從而實現完美的平滑固定！

無需一個真實的圖片！你可以使用一個about:blank替代一個spacer.gif圖片，而且它工作的同樣出色。