網頁設計 文章標籤

Google更換了最新的Favicon。新favicon使用了Google的藍紅黃綠4種顏色，再加上白色（留白？）的g字。色彩繽紛鮮艷，在瀏覽器的分頁中十分搶眼。

Google新favicon

Google舊favicon

Favicon效果 (Opera 瀏覽器)

網頁瀏覽器兼容問題真是十分嚴重，這次我們便在emphasis.com 發現同樣的問題。在網頁瀏覽器兼容問題系列中亦有收錄到其他有問題網頁。emphasis.com 的問題是當用戶使用Firefox 3 瀏覽emphasis.com時，網頁下方的菜單不能正常地顯示，以致用戶無法使用網頁，在以下的網址中便有此網頁瀏覽器兼容問題：http://www.emphasis.com/chi/home.htm。相信問題是由javascript 及flash object 的height值出錯而引起的。

網頁瀏覽器兼容問題截圖

有兼容問題的情況

正常情況

如果你發現任何網頁有網頁瀏覽器兼容問題，歡迎告訴我們。如果是你自己的網頁有兼容問題的話，可以找我們的網頁設計及網頁優化服務，替你解決問題。

除了mtr.com.hk有網頁瀏覽器兼容問題，我們亦在now-tv.com發現此問題。在now-tv.com的問題是當使用Opera / Firefox 3 瀏覽now-tv.com網頁時，有些連結會變成無效。這個問題比mtr.com.hk 出現的兼容問題更為嚴重，因為這會令now-tv.com的用戶不能正常地使用網站。在以下的網址http://now-tv.netvigator.com/chi/check_profile.html便可看到問題，希望now-tv.com的工作人員會跟進。我們會陸續在網頁瀏覽器兼容問題系列中收集其他有兼容問題的網頁。

網頁瀏覽器兼容問題截圖

有網頁瀏覽器兼容問題的情況

Opera / Firefox 3紅圈中的連結變為無效，用戶無法點擊。

正常情況

IE6 / IE7 連結正常。

網頁瀏覽器兼容問題原因

相信是因為embed flash的height 過大而覆蓋了這些連結。
<script language="javascript">writeflash(’top_menu.swf’,'893′,’380′)</script>

網頁優化

更改編碼
在這版網頁中opera / firefox可正常地點擊運結，相信是因為使用了另一段編碼來輸出flash object
<script language="javascript">call_writeflash(’top_menu.swf’)</script>

連結放置有效的href
有效的href對SEO網頁排名優化較好，now-tv.com可以改成使用onclick event。
由<a href="JavaScript:popup(’840′,’640′,’checkNetPassProfile_popup.html’)">查詢 NETPass 資料</a>
改成 <a href="checkNetPassProfile_popup.html" onclick="JavaScript:popup(’840′,’640′,’checkNetPassProfile_popup.html’)">查詢 NETPass 資料</a>
*註:編碼只是onclick event的例子。

無障礙網頁
請提供文字版網頁給用戶使用，例如這類只有圖片而沒有文字的版面。

解決亂碼問題
當使用firefox3 瀏覽這版網頁時會出現亂碼。

如果你發現任何有網頁瀏覽器兼容問題的網頁，歡迎告訴我們。或者是你自己的網頁有兼容問題的話，可以找我們的網頁設計及網頁優化服務，替你解決問題。