我放了一個打叉的 IE 圖片,這個圖片是從 hlb 的文章中看來的。為什麼要放這個圖片呢? 因為使用 IE 瀏覽器並不能正常地瀏覽我的網頁,其原因就是 IE 對 CSS 和 PNG 圖檔的支援度不夠。下面列出一些比較:
- 上方的 no IE 圖示是 PNG 格式。它的背景是透明的,所以你可以注意到這個圖片和它後面的背景很美好地融合在一起。本站其他的 PNG 圖片也是如此。但在 IE 不行,透明的部份全變成了灰色區塊。
- 本站所有可輸入文字的表單元件,在獲得焦點時,其邊框都會變成橘色。但 IE 不支援。
- 承上,本站的表單元件的寬度某些是可變的。它使用了 CSS 來修改,但 IE 不支援。
- 本篇文章最上面的那個標題「體驗更美好的瀏覽器」有一條底線,在某些本站的其他樣式中,它看起來會像是一個按鈕。如果你將滑鼠移到區塊上面,那麼它的邊框會改變顏色,使得這個按鈕看起來就像是被按下去一樣。首頁中的其他標題也是一樣。但是 IE 不支援,你用滑鼠移入區塊時,看不到按鈕邊框顏色上的任何改變。
- 關於 CSS 中首字的處理,Mozilla 做的更好。我之前曾做過一個網站,其中每一篇文章的第一個字都是斜體、粗體,並且大小是其他字母的兩倍,但是 IE 中看不到。
- 承上。我之前對首字的設定是「每一段首字」改成大寫,而不是只有「每一篇首字」是大寫。而原本的「每一段首字」在 Mozilla 和 IE 中都可以看到,可是我卻發現在某些情況下會導致 IE 當掉。雖然我並不是很滿意 IE,但考慮到還是有很多人使用它,所以我只好把會引起當機的 CSS 修改,也就成了現在的「每一篇首字」。而儘管 IE 中看不到,但至少已比當掉好了 🙂
基於以上理由 (其實在本站中還有其他例子,不過我覺得光說明首頁部份就夠了),我一直強烈地建議大家使用 Mozilla Firefox 系列,以獲得更好的瀏覽品質,而我也慢慢地加入一些在 Mozilla Firefox 中有支援的 CSS 標準。事實上,現在已有愈來愈多的網頁適合用 Mozilla Firefox 來欣賞,並且 M$ 在未來的計劃中將不會在有新版 IE 讓大家免費下載了,他們的計劃是在 2006 年的作業系統裡才會有 IE 7,你要升級 IE 的話得先去買一套 Windows Vista(更正,2006年底 M$ 提供免費 IE 7.0 下載,但僅支援 Windows XP 以上作業系統,我不確信是不是最低僅支援到 Windows XP SP2)。所以你還在等什麼呢?現在正是跳船到其他瀏覽器的好時機呀! =)
題外話,如果你想讓你的 IE 當掉的話,請點選下列連結:我要當掉我的 IE|http://blog.cyberjos.idv.tw/iecrash.html
你可以先連進去,因為我把會引起 IE 當掉的部份放在頁尾,你需要捲動到最下面才會當掉,所以至少還有反悔的機會。而我放在頁尾的目的也是讓大家有機會看一下它的原始碼(包括 CSS 部份),可以好好研究一下。Good Luck =)