CSS對瀏覽器器的兼容性具有很高的價值,通常情況下IE和Firefox存在很大的解析差異,這里介紹一下兼容要點。
常見兼容問題:
1、DOCTYPE 影響 CSS 處理
2、FF:div 設(shè)置 margin-left, margin-right 為 auto 時已經(jīng)居中,IE 不行
3、FF: body 設(shè)置 text-align 時, div 需要設(shè)置 margin: auto(主要是 margin-left,margin-right) 方可居中
4、FF: 設(shè)置 padding 后, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設(shè)一個 height 和 width
5、FF: 支持 !important, IE 則忽略, 可用 !important 為 FF 特別設(shè)置樣式
6、div 的垂直居中問題: vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文字,就垂直居中了。缺點是要控制內(nèi)容不要換行
7、cursor: pointer 可以同時在 IE FF 中顯示游標(biāo)手指狀, hand 僅 IE 可以
8、FF: 鏈接加邊框和背景色,需設(shè)置 display: block, 同時設(shè)置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯位, 若不設(shè) height, 可以在 menubar 中插入一個空格。
繼續(xù)閱讀 →