IE與Firefox的CSS兼容大全

CSS對瀏覽器器的兼容性具有很高的價值,通常情況下IE和Firefox存在很大的解析差異,這里介紹一下兼容要點。

常見兼容問題:

1、DOCTYPE 影響 CSS 處理

2、FF:div 設置 margin-left, margin-right 為 auto 時已經居中,IE 不行

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

4、FF: 設置 padding 后, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設一個 height 和 width

5、FF: 支持 !important, IE 則忽略, 可用 !important 為 FF 特別設置樣式

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

7、cursor: pointer 可以同時在 IE FF 中顯示游標手指狀, hand 僅 IE 可以

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