IE6常见CSS解析Bug

IE6常见CSS解析Bug及hack

1)图片间隙
A)div中的图片间隙(该bug出现在IE6及更低版本中)
描述：在div中插入图片时，图片会将div下方撑大三像素。
hack1:将

与 img写在一行上；
hack2:将img转为块状元素，给img添加声明：display:block;

B)dt,li中图片间隙（IE6）
hack:添加声明：display:block;
overflow:hidden;

2)默认高度（IE6）
描述：在IE6及以下版本中，部分块元素拥有默认高度（低于18px~22px高度）
hack1:给元素添加声明：font-size:0;
hack2：给元素添加声明：overflow:hidden;
3) 双倍浮向（双倍边距）
描述：当Ie6及更低版本浏览器在解析浮动元素时，会错误地把浮向边边界加倍显示。
hack:给浮动元素添加声明：display:inline;

（4）百分比bug
描述：在IE6及以下版本中在解析百分比时，会按四舍五入方式计算从而导致50%加50%大于100%的情况。
hack:给右面的浮动元素添加声明：clear:right; 意思：清除右浮动。
clear 清除浮动
clear:left;清除左浮动
clear:right;清除右浮动
clear:both 清除两边浮动

9)鼠标指针bug
描述：cursor属性的hand属性值只有IE浏览器识别，其它浏览器不识别该声明，cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。
hack:如统一某元素鼠标指针形状为手型，应添加声明：cursor:pointer;
cursor属性：设置或检索在对象上移动的鼠标指针采用的光标形状。