1.先謹記以下規則，但不推薦使用hack.
所有瀏覽器通用（市面上主要用到的ie6ie7ff） height:100px;
ie6專用 _height:100px;
ie6專用 *height:100px;
ie7專用 *+height:100px;
ie7、ff共用 height:100px!important;
2.css相容
以下兩種方法幾乎能解決現今所有相容.
(2)ie6/ie77對firefox
*注意:
*+html對ie7的相容必須保證html頂部有如下宣告：
**:3.其他相容技巧(相當有用)
1,ff下給div設定padding後會導致width和height增加,但ie不會.(可用!important解決)
2,居中問題.
1).垂直居中.將line-height設定為當前div相同的高度,再通過vetical-align:middle.(注意內容不要換行.)
2).水平居中.margin:0auto;(當然不是萬能)
雖然不是萬能但見識有限，未能知道那個瀏覽器不適合此方法，知道的朋友指教！
3,若需給a標籤內內容加上樣式,需要設定display:block;(常見於導航標籤，本人嘗試過錯誤，padding如何設定padding-left都無效,其實原理就是使a標籤像div一樣以塊元素定義）
習慣使用：尾部新增)
7,關於手形游標.cursor:pointer.而hand只適用於ie.貼上**:
8、ie6的雙倍邊距bug
浮動後本來外邊距10px,但ie解釋為20px,解決辦法是加上display:inline
這個是經典就不說了。
文章大多引用於網路，部分見解，不排除重複出現。
相容性問題總結
以便面試被問到的時候什麼都說不出來 不過現在已經不是之前需要關注ie6那些怪異相容性問題的時代了，ie最多支援到8。除了ie8的相容性問題外，還有一些移動端的相容問題。面試中被問到的話，最好結合自己實際的經驗說一下，什麼情況下遇到的，怎麼處理的，而不是背書。當初ie8發布時，相對於ie6 7已經做出...
相容性問題總結
1 解決方案 img2 在ie7下的inline block沒用。解決方案 display inline block display block 3 標籤之間有空格。解決方案 浮動。如果標籤少的話就變成一行。如 a 插入 a a a 4 z index的問題，主要是在於設定父級的z index。且p...
相容性問題總結
1 transform 要加ms字首，上次紅公尺note2 不居中問題 最好 ms webkit ms o 都加上 2 火狐 button裡面罩著a a會失效，a裡面加button，a給鏈結，不會失效，解決。3 ie瀏覽器的input text會自動加x用於刪除，密碼自動加眼睛。清除ie自帶x和眼睛...