雖然本人開發網站已經有相當多年的經驗,
但一般上普通的網站不會需要太過強調瀏覽器的版本,
頂多就IE跟FF相容即可,
但最近在開發案子卻是用戶量流量較大的, 就需要針對不同的瀏覽器去測試.

最可惡的就是IE6, PNG在底下都會顯示不正常, 沒有辦法做到透明的效果,
雖然已經有人寫了一些SCRIPT像是PNGFIX.JS之類的, 但好像會造成IE左下角出現BUG提示.
所以最後只能退而求其次, 把PNG都改成GIF, 也能達到透明的效果, 但解析度會降低就是了.

再來是CHROME, 某些頁面在float的情況下,CHROME會有偏移的問題,
所以我就加了

clear:both

在偏移的區域上方, 以解決TABLE偏移的問題.
可能因為我比較習慣用FF, 所以決的FF應該是相容程度最高的瀏覽器,
但大部分的使用者還是IE, 而IE又有IE6,IE7,IE8之分,
IE8應該算是相容性最好的瀏覽器了, 而IE7又有一些特別的問題.
如果要檢視IE7,可以在IE8點選”相容性檢視”則可以看看你的網站在IE7下是否有問題.

為了確保所有的瀏覽器都可以正常顯示, 最好的方法就是做一個表來審核問題:

IE8 IE7 IE6 FF SAFARI CHROME
/default.asp O O O O O O
/board/list.asp O O O O O O
/board/show.asp O O O O O O
/board/default.asp O O O O O O
/member/psnDefault.asp O O O O O O
工具列顯示 O O O O O O
有無顯示JS錯誤(無) O O O google
ads
O O

瀏覽器的噩夢已經成為生活中的家常便飯了,
因為你不可能去強迫所有使用者都按照你的規則去走,
只能你去配合使用者, 而不是使用者配合你.
所以, 各位網站工程師就認命吧~

Leave a reply

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

required