2009年2月1日 星期日

Firefox常見問題(一) 滑鼠指到圖片無法預覽文字方塊

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



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



最常被問到的問題是:

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

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

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



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



怎麼回事呢?



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

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




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



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

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


<img src="圖片" alt="替代文字" title="文字提示" />




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





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



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

元件名稱:Popup ALT Attribute

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

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



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