眾所周知IE6不支持position:fixed，這個(gè)bug與IE6的雙倍margin和不支持PNG透明等bug一樣臭名昭著。前些天我做自己的博客模板的時(shí)候，遇到了這個(gè)問題。當(dāng)時(shí)就簡(jiǎn)單的無視了IE6——盡管有幾個(gè)使用IE6的朋友，一起B(yǎng)S我……但是對(duì)于大項(xiàng)目或商業(yè)網(wǎng)站，如果有用到這個(gè)屬性的時(shí)候，是不可能直接無視的。

你是如何讓position:fixed在IE6中工作的？

本文所使用的技巧是用了一條Internet Explorer的CSS表達(dá)式(expression)。你不可以直接使用該表達(dá)式，因?yàn)樗赡軙?huì)因?yàn)榫彺娑桓隆＝鉀Q這一點(diǎn)的最簡(jiǎn)單的方式是使用eval包裹你的語句。
如何解決“振動(dòng)”的問題？

顯然IE有一個(gè)多步的渲染進(jìn)程。當(dāng)你滾動(dòng)或調(diào)整你的瀏覽器大小的時(shí)候，它將重置所有內(nèi)容并重畫頁面，這個(gè)時(shí)候它就會(huì)重新處理css表達(dá)式。這會(huì)引起一個(gè)丑陋的“振動(dòng)”bug，在此處固定位置的元素需要調(diào)整以跟上你的(頁面的)滾動(dòng)，于是就會(huì)“跳動(dòng)”。
繼續(xù)閱讀 →