一些主流浏览器的兼容问题

1. 浏览器版本旧：IE6

第一类：块状元素float后，有添加了横向的margin，在IE6下比设置的值要大（属于双倍浮动的bug）
解决方案：给float标签添加display：inline，将其转换为行内元素

第二类：设置较小高度的容器（小于10px），在IE6下不识别小于10px的高度；

第三类：min-height在IE6下不兼容
解决方案：
1）min-height：value；

  _height：value；

2）min-height：value；

 height：auto！important；

 height：value；

第四类：鼠标指针bug

描述：cursor：hand；只有ie浏览器识别，其他浏览器不识别

解决方案：cursor：pointer；IE6以上浏览器及其他内核浏览器都识别；

第五类：透明度属性

解决方案：针对IE浏览器：filter：alpha（opacity=value）；（取值范围1–100）

兼容其他浏览器：opacity：value；（取值范围0–1）

第六类：百分比的bug

解决方案：父元素宽度为100%，子元素宽度各为50%，在IE6下各个元素宽度之和超过100%

解决方案：给右边浮动的子元素添加clear：right；

第七类：上下margin的重叠问题

描述：给上边元素设置了margin-bottom，给下边元素设置了margin-top，浏览器只会识别较大值；

解决方案：margin-top和margin-bottom中选择一个，只设置其中一个值；

第八类：图片默认有间隙

解决方案：

1）给img标签添加左浮动float：left；

2）给img标签添加display：block；

以上就是关于IE6的一些兼容问题