浏览器兼容性及解决方案 (1)

在IE6-7下,当高度小于 19px的时候,高度会被当做19px来处理

解决办法:给元素添加 overflow: hidden;


在IE6下,1px的点线边框,会被显示成虚线

解决办法:用背景图代替


在chrome下,字体大小小于12px的文字,会按照12px显示

解决办法:以图换字


在IE6下,如果元素中既包含文字,又包含 inline-block 类型的标签,元素的行高会消失

解决办法:把文字单独包起来,单独设置行高


在IE6-7下,给元素加边框,非但不能阻止元素的内容margin向外传递,还会使子元素的margin消失

解决办法:触发元素的 haslayout


怪异盒模型:

可视宽/高 = width / height
content  = width - padding - border

标准盒模型

可视宽/高 = width / height + padding + border
content  = width/height

在IE6下,不设置文档声明,浏览器就进入怪异盒模型解析


在IE8及之前的浏览器中,html新增的标签都不识别

解决办法:通过JS创建


在IE7及之前的浏览器中,都不支持除了(L-V-H-A)之外的伪类

解决办法:使用JS


TIPS:

在IE6及之前的浏览器中,只支持给 a 标签添加伪类
在IE6-7下,不支持把块标签设置为 inline-block 类型
在IE6-7下,不允许把其他类型的元素设置为表格属性