前端面试题目分析.doc

1. 5个IE8 css hack兼容 (1)、图片间隙 A) div中的图片间隙(该bug出现在IE6及更低版本中) 描述：在div中插入图片时，图片会将div下方撑大三像素。 hack1:将 /div与img写在一行上； hack2:将img转为块状元素，给img添加声明：display:block; dt中图片间隙（IE6） hack: 将img转为块状元素，给img添加声明：display:block; C) li中图片间隙 hack1:img转为块元素； hack2:给ul设置font-size:0； hack3:给img设置margin-bottom:-5px; (2)、双倍浮向（双倍边距） 描述：当Ie6及更低版本浏览器在解析浮动元素时，会错误地把浮向边界加倍显示。 hack:给浮动元素添加声明 ：display:inline; (3)、默认高度（IE6） 描述：在IE6及以下版本中，部分块元素拥有默认高度（低于18px高度） hack1：给元素添加声明：font-size:0; hack2：给元素添加声明：overflow:hidden;(4)、表单元素行高不一致(IE,MOZ,C,O,S)描述：表单元素行高对齐方式不一致 hack:给表单元素添加声明：float:left; (5)、按钮元素默认大小不一 描述：各浏览器中按钮元素大小