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 ,實在是看了有點討厭。

4 thoughts on “IE6 的 position:fixed Hack

  1. 覺得你還蠻厲害的,不是本科班出身還能弄懂這堆語法….
    我光一個css跨瀏覽器就可以把我弄的瘋掉…..更別說是有其他的小問題了~_~

    • To 莞晴紅豆:

      哈哈~我也是過來人,希望能夠盡量分享我所知道的東西,讓更多人可以了解這些技術,有什麼想法或是問題可以大家互相分享討論,這樣就可以不用一個人瘋掉喔~(再怎麼樣,要瘋也要大家一起瘋咩~:D)

  2. 話說現在都2013 年尾了,我的客戶還要求IE6顯示阿=口=\\\
    而且整個網站沒有圖片的外觀設計全CSS還元件超多阿
    很多畫面別的瀏覽器簡單一行可以解決IE6就硬生生不行,
    還得在畫面中用很笨的方法定位很多內容 圖阿==
    要逼死人阿 IE6要荼毒人道何時阿

    • 試試看可不可以說服客戶 IE6 擁有自己的顯示方式,不然會讓使用者感覺網頁的速度嚴重變慢,一慢使用者就一定會跑…XD

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s