关于浏览器的兼容性问题

各个浏览器对于HTML标签和DIV盒子模型的解析不同，常用的检测不兼容代码的方法：

1、逐行删除标签检测出问题代码。

2、加边框法，给每个盒子加border，这样就能看出来哪个盒子有问题。

3、逐行删除样式表，检测哪段样式有问题。

 

以下为一些常见的浏览器兼容性问题及解决方法。

常见兼容性问题一：不同浏览器标签的默认内边距和外边距不同。

解决方案：CSS里面设置*{padding:0; margin:0;}。

 

常见兼容性问题二：几个img标签放在一起的时候，有些浏览器会有默认的间距。

解决方案:使用float属性为img布局（在IE8上还是行不通）；将margin设置成负值（不推荐）。

 

常见兼容性问题三：透明度的兼容CSS设置。

解决方案:filter:alpha(opacity=0)(兼容IE）;  moz-opacity:0（老版本的mozilla）;  -khtml-opacity:0(兼容老版本的safari）;  opacity:0(最重要的，适用于大部分浏览器）;