在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下,不允许把其他类型的元素设置为表格属性