|
1. 在 IE 6 中，元素浮动中，如果元素需要宽度进行撑开 解决 需要给里面的块元素都添加浮动才可以。 2. 在 IE 6/7 下，元素要通过浮动排在同一排 解决 需要给这行元素都加浮动。 3. 在 IE 6 下不支持 1px 的 dotted 边框样式 解决 图片 4. 在 IE 下，父级有边框的时候，子级的 margin 会失效。 解决 zoom: 1; 5. （双边距bug）在 IE 6 下，块元素有浮动并且横向的时候有 margin 的时候，横向的 margin 会扩大两倍 解决 既然块元素会出现这个问题，那我们就将其转换为内联元素。display: inline; 5-1. 扩展 多个块元素浮动且横向margin时 margin-left 一行中最左侧的第一个元素有双边距，而如果换成margin-right 的话，margin-right 一行中最右侧的第一个元素有双边距。 解决同上 6. 在 IE 6 下元素的高度如果小于 19px 的时候，会被当做 19px 处理 解决 overflow: hidden; 7. 在 IE 6/7 下，li 本身没有浮动，li 里面的内容有浮动，li 下会产生一个间隙。 解决
7-1. 扩展 img也会出现下空隙 解决同上也是 vertical-align 8. 当 最小高度 和 li空隙 问题一起发生的时候 解决 vertical-align 不能再解决问题 此时必须float（依然对其他浏览器会造成影响） 所以避免出现此类问题吧!!! 9. 子元素的宽度和父级的宽度如果相差小于 3px 的时候，两个浮动元素中间有 注释 或者 内联元素 的时候，就会出现文字溢出，内联元素 / 注释 越多，溢出越多 解决 用 块元素标签比如div 把 注释 或者 内联元素 包裹起来 10. 在 IE 6 下，当浮动元素和绝对定位元素是兄弟关系的时候，绝对定位会失效 解决 避免此种情况出现 11. 在 IE6 下，如果 绝对定位的父级 宽 和 高 是 奇数 的时候，子级元素的 right 和 bottom 会有1像素的偏差 解决 避免此种情况 12. 固定定位失效，在ie中,没有固定定位，只有绝对定位 解决 js代替或者绝对定位 13. 在ie中没有opacity所以不能设置透明度 解决 filter: alpha(opacity = 50);来实现ie8的透明度（ie6不可用） 13-1. 扩展 background: rgba(255,255,255,0.8); ie只可识别rgb，不可rgba 14. 在 IE 6 和 IE 7 中，输入型表单控件上下会有 1px 的间隙 解决 input { float: left; } |
|
|
