處理網站相容問題的幾大秘訣

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

網站相容問題一直是讓網站開發人員最為頭痛的事這一，有時候甚至一個對齊問題都是處理半天時間，有時候好不容易處理好了IE6下的相容，但IE8下 的又不 行了，有時候IE下的全部OK了，就在高興的時候，突然傳過來說，「鄒工， 那個什麼在火狐下沒有反應~」!! 我想說，，我可以說髒話嗎?不可以的話那我真 是無話可說了，，我在想，幹嘛弄出那麼多個瀏覽器呢，IE自家的瀏覽器為什麼升級不自己相容自己的東西呢~~我真的無力吐嘈了~~可能很多網站開發人員也 有過我這想法吧?如吧，， 我不再抱怨了，最終還是要解決這些問題的~~~

那我是一般是怎麼處理網站相容問題的呢?

1，作為我一名程式師來說，遇到任何問題一定是先找出原因

首先弄清楚是在什麼版本的瀏覽器出現的問題，因為一般客戶不知道是IE幾，只知道名字，通常用的是IE，那我們只能根據這個去作為線索去解決問題了

2，工具要齊全，程式師來說工具是最好的幫手!有一個好的工具能説明你省不少的事!

一般來說我用的是IETest這個工具，可以在裡面自動載入IE各個版本，然後網站開發人員要大概的瞭解各個瀏覽器的內核，一般來說像搜狗瀏覽器調用的就是IE的內核,其它的瀏覽器基本上你在百度上搜索下就知道了

3，到這裡應該要知道是哪種內核版本引起的問題，就可以開始對症下藥了!

一般來說如果在IE6下出現的問題較多，基本有這幾個，1)再IE6下所有樣式都不起作用，這種一般是沒有引用到樣式檔，或者是樣式檔出現了問 題，可 以用刪除法排除，把樣式檔打開，將樣式刪除一部分然後再看頁面是否是已經有了 2 )浮動引起的，有時候頁面底部的東西蓋住了頁面上面的內容或者底部的內容漂到了右邊，這一般都是沒有清除浮動引起的，一般加上clear:both就能 解決這個問題。 基本上很多問題都是跟浮動相關的了，在這裡我經常用的辦法就是用刪除法，先找到是哪個樣式引起的問題，然後解決問題!這裡我介紹幾個常用的 方法!

用符號_ 用來針對IE6的樣式，如_width:200px則在IE6下寬度為200圖元，*針對IE6和IE7,9針對所有IE版本

然 後樣式也有先後的，比如width:200px;_width:190px;和 _width:190px;width:200px;是不同的，前面是在所有瀏覽器中寬度是200，而在IE6下是190，後才則是所有瀏覽器都是 200，而那個在IE6下的190就不起作用了!

其實解決相容問題沒有多複雜和多難，方法其實就是這麼些，關鍵看怎麼靈活運用，今天能想起來的就這些，希望能説明到網站開發人員，特別是前臺製作人員!

一切問題都是方法問題!技巧只是輔助，方法才是關鍵!!