多使用jquery，它有很好的相容性。
在**設計的時候，應該注意css樣式相容不同瀏覽器問題，特別是對完全使用div css設計的網，就應該更注意ie6 ie7 ff對css樣式的相容，不然，你的網亂可能出去不想出現的效果！
所有瀏覽器 通用 height: 100px; ie6 專用 _height: 100px; ie6 專用 *height: 100px; ie7 專用 *+height: 100px; ie7、ff 共用 height: 100px !important;
一、css hack
1, !important
隨著ie7對!important的支援, !important 方法現在只針對ie6的hack.(注意寫法.記得該宣告位置需要提前.)
以下為引用的內容：
2, ie6/ie7對firefox
以下為引用的內容：*+html 與 *html 是ie特有的標籤, firefox 暫不支援.而*+html 又為 ie7特有標籤.
注意:*+html 對ie7的hack 必須保證html頂部有如下宣告：
二、萬能 float 閉合
關於 clear float 的原理可參見 [how to clear floats without structural markup]將以下**加入global css 中,給需要閉合的div加上 class=」clearfix」 即可,屢試不爽.
以下為引用的內容：
三、其他相容技巧
1, ff下給 div 設定 padding 後會導致 width 和 height 增加, 但ie不會.(可用!important解決) 如width:115px !important;width:120px;padding:5px;
必須注意的是， !important; 一定要在前面。
解決不同瀏覽器相容問題心得
1.針對不同瀏覽器的hack寫法 firefox moz document url prefix webkit枘核瀏覽器 chrome and safari media screen and webkit min device pixel ratio 0 ie 請轉2.css reset css的樣...
css一招解決不同瀏覽器頁面錯位
用css div來寫 的好處顯而易見，這裡不多說了，但由於不同瀏覽器對css的解釋不統一，造成不同瀏覽器下頁面錯位的現象十分常見 頁面亂的原因是因為ie6認為乙個div超寬了，所以把本應float right的div擠了下去。而如果設定為ie6下顯示正常的寬度，則在ie7和firefox下看頁面就會...
如何解決不同瀏覽器之間的相容性問題
常見的瀏覽器相容性問題與解決方案大致有以下九種形式 一 不同瀏覽器的標籤預設的外邊界和內填充不同 問題表現 不加樣式控制下，margin和padding差異較大 解決方案 css裡 備註 這是最常見也是最易解決的乙個相容問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標籤外邊界和內填充為0 ...