【大翻修-3】 不支援IE 6升級提示

偵測 IE 版本,提示網頁不再支援 IE 6(含)以下。

我對微軟一點惡意也沒有,但是實在受不了 IE6 了。其他瀏覽器都顯示得好好的頁面分割和指定位置,只有這傢伙硬是要給我來個大錯位。再說,IE 系列現在也已經堂堂正正的出到 IE 9 了,版本差這麼多,為了各方面的理由總是該升級一下吧?所以我決定不要再管 IE 6。
不過,因為 IE 6 在台灣的市佔率看起來還是有一些的,Google analytics 顯示本站訪客大約有 60% 使用 IE 瀏覽器,當中又有大約 16% 還是使用 IE 6。這樣乘起來的數字大約是 9.6%。所以為了提醒這 10% 的使用者,我決定在網頁上加上給 IE 6 使用者看的升級提示。
方法是把要顯示的東西用「<!–[if lte IE 6]>」和「<![endif]–>」夾起來,所夾的內容就只會在 IE 6(含)以下的版本顯示。這是針對 IE 的版本判定碼,其他瀏覽器都會看成「<!– –>」註腳而不顯示。各種版本限制的寫法可以參考重灌狂人的這一篇,以及網頁藝術思考的這一篇
這裡面的內容可以按照一般 html 與 CSS 的方法來排版,超連結什麼的使用也沒問題。所以就直接把抓 Chrome、firefox、新版 IE 等等的連結也一起附上了。這段提示我打算用嚇死人的大字把它放在網頁一開始的地方,當然也可以放在body裡面任意的地方。

This article was written by 封狼

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料