天使的咖啡屋

最近在用Firefox 3.0，由於發現其有支援擴充元件便利之處，是故也開始推廣起來！

這不免也開始需要幫朋友們解決FireFox的相關問題啦！為了分享，一些常見問題我也會發表在這。

最常被問到的問題是：

為何我到Yahoo拍賣的商品圖片列表，指到圖片上，會無法預覽賣家的商品介紹呀？ＩＥ看很正常啊

為何我指去任一張圖片，不會像是ＩＥ一樣，會出現一個淡黃色底、黑色文字方塊呀？

為何我把滑鼠移到一張圖片上，不會出現介紹文字呀？

這些問題的解答，都指向同一件事情就是：又是ＩＥ搞的鬼！！破壞標準協定，卻因為他是最常被使用的瀏覽器，反倒改變大家習慣了！

怎麼回事呢？

原來，那些文字都是被網頁設計者（人或自動產生的網頁）設計在alt屬性裡，我們可以在檢視網頁原始碼裡面看到他們：

<img src="圖片" alt="替代文字">

這個alt屬性是什麼呢？根據標準協定W3C HTML 4.01的說明，他們應該是在該圖片無法被正常讀取時候，才會顯示的替代文字！而ＩＥ破壞了這個標準協定，讓這段文字反而成為預覽文字，隨著ＩＥ的普及，反倒大家都跟著誤用了！Firefox3.0 在這方面做法反而是對的

那使用者指到該圖片，必須顯示的文字又定義在哪呢？

答案是title、也就是，網頁設計者如果要讓使用者能完成“指到圖片，就秀某段文字“，正確寫法應如下：

如此一來，你會發現，Firefox使用者用滑鼠移到該張圖，顯示的就是文字提示、ＩＥ使用者用滑鼠移動到該張圖，顯示的就是替代文字。如此一來、設計的網頁就能讓兩種瀏覽器使用者都得到滿意結果。

那問題又回來了，如果只是個單純Firefox使用者呢？總不會要大家去改原始碼吧？

雖然是ＩＥ惹的禍，不過畢竟人家就是大咖、為了讓FireFox初學者不會感到這套工具爛，只好跟著他修改了，方法也很簡單！同樣是使用附加元件：

元件名稱：Popup ALT Attribute

官方網頁：http://piro.sakura.ne.jp/xul/_popupalt.html.en

下載網址：https://addons.mozilla.org/zh-TW/firefox/addon/1933

下載安裝後，開個有圖片網頁來試試看吧！當滑鼠移過去時候，你就會看到顯示文字了！雖然不合乎標準，但能讓習慣ＩＥ的使用者一個適應就好了！當然、如果你是個進階的使用者、也應了解以上的來龍去脈，設計網頁時候也能給更多使用者便利性。在此與大家分享。