CSS對(duì)瀏覽器器的兼容性具有很高的價(jià)值，通常情況下IE和Firefox存在很大的解析差異，這里介紹一下兼容要點(diǎn)。

常見(jiàn)兼容問(wèn)題：

1、DOCTYPE 影響 CSS 處理

2、FF：div 設(shè)置 margin-left， margin-right 為 auto 時(shí)已經(jīng)居中，IE 不行

3、FF: body 設(shè)置 text-align 時(shí)， div 需要設(shè)置 margin: auto(主要是 margin-left，margin-right) 方可居中

4、FF: 設(shè)置 padding 后， div 會(huì)增加 height 和 width， 但 IE 不會(huì)， 故需要用 !important 多設(shè)一個(gè) height 和 width

5、FF: 支持 !important， IE 則忽略， 可用 !important 為 FF 特別設(shè)置樣式

6、div 的垂直居中問(wèn)題: vertical-align:middle; 將行距增加到和整個(gè)DIV一樣高 line-height:200px; 然后插入文字，就垂直居中了。缺點(diǎn)是要控制內(nèi)容不要換行

7、cursor: pointer 可以同時(shí)在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以

8、FF: 鏈接加邊框和背景色，需設(shè)置 display: block， 同時(shí)設(shè)置 float: left 保證不換行。參照 menubar， 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯(cuò)位， 若不設(shè) height， 可以在 menubar 中插入一個(gè)空格。
繼續(xù)閱讀 →