IE6 的 position:fixed Hack

IE8 總算釋出更新了，用力把 IE6 埋起來的日子真是指日可待，可喜可賀。突然覺得，是不是應該要聯合世界上那些曾經受到 IE 摧殘的網站開發人員一起去跟微軟申請精神賠償，那種爲了IE 這奶奶的虫的瀏覽器不知死了多少腦細胞白了多少頭髮的痛苦，我想已經退休又是世界首富的比爾兄應該是一直沒有嚐過，不然怎麼還非要等到敗訴以後才要開發比較正常的 IE8 瀏覽器？

算了，反正再忍沒多久，IE6 跟 IE7 就可以乖乖去死了。

今天看到一個有趣的 Hack ，修正 IE6 無法正確解讀 position:fixed 的Bug，因為很精巧，所以就乾脆放上來收著好了。我不知道 IE6 的核心到底是哪個星球來的，position 的解讀可以笨到這種程度，固定元件的效果明明用 position:fixed 就應該要可以正確顯示的，IE6 偏偏就好像狗在聽三角函數一樣，可以說是一整個痴呆。不過還好這世界上有很多狗腦袋無法理解的 CSS 高手，總是可以想出辦法把狗偽裝成人的樣子，騙過那些到現在還死抱著 IE 當唯一瀏覽器的使用者眼睛。

對，其實我真的覺得，IE Hack 說穿了其實就是一種把狗偽裝成人的高等偽裝技術。

正常來講，想要製作永遠都出現在某個位置的區塊，例如永遠都出現在左上角的選單或是廣告，我們會使用 position:fixed 的屬性，不過很糟的是，偏偏就是有人會不正常，怎麼樣都死也不動。如果想要讓 IE6 正常，請把剛剛那一行的CSS改寫成下面這三行：

html, body {height: 100%;overflow: auto; }
div{position:absolute;}
body>div{position:fixed;}

前兩行是針對 IE6 ，最後那一行就是給一般的瀏覽器，你可以檢查看看，這樣一來應該大家都可以看到正常的效果了！可喜可賀！不過為了這件小事多了兩行無聊的 code ，實在是看了有點討厭。