今天小弟 Post 完 Google Chrome 一文後﹐發現如果用 IE6 瀏覽這裏﹐本頁右手邊的第一行 Sidebar 會欄掉的。剛剛見到時以為又是 IE 的 hasLayout 問題﹐於是立即用 IE hack 搞定它﹐誰不知竟然無效。細心研究了新加的 CSS 很久都沒有發現問題所在。
忽然靈機一觸﹐回想起以前一篇讀過幾十次的文章 (CSS - Quicks mode and strict mode)﹐其實要正確執行 CSS 的最基本條件是瀏覽器必需在 Strict Mode﹐噢！終於知道問題在那裏了！
IE 6 在有 Xml prolog 的情況下﹐就算 doctype switch set 做 XHTML﹐IE6 都會進入 Quick mode 的...Oh! God...
問題是出自以下這段：
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
不過除了 6.0 或之前的版本的 IE 和 NS 才會有問題。
原來除了小弟在公司用的電腦﹐基本上平時接觸的電腦都已經安裝了 IE7 或 FF﹐因此也順道將公司的 IE6 升級做 IE7 了！感覺不錯﹐好像運行得比第一次試用時快好多（當然是關閉了那個「防釣魚」的功能才有此效果）
所以如果你還是用緊 IE6 的朋友﹐不好意思！我再沒有打算處理它了！畢竟市場上有太多瀏覽器比 IE6 好了 (Firefox, Opera, Safari, IE7, etc...)﹐大家隨便選一個吧！
文章
發佈留言