CSS跨浏览器兼容性问题与解决方案精要.pdfVIP

最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就

会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理

了一下.对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE影响

CSS处理，作为W3C的，一定要加DOCTYPE声名.

CSS技巧

1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一

样高line-height:200px;然后文字,就垂直居中了。缺点是要控制内容

不要换行

2.margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一

个ie6都存在的bug。解决方案是在这个div里面加上disy:inline；例如：

#divid=“imfloat”相应的css

为#lamFloat{float:left;margin:5px;/*IE下理解为10⁢px∗/

disy:inline;/*IE下再理解为5⁢px∗/

3.浮动ie产生的双倍距离#box{