前端兼容问题

1.当 浮动元素 和  绝对定位元素 是并列关系的时候,在ie6下绝对元素会消失

       解决办法:给定位元素外面包一个div

2.在ie6,7下,子元素有相对定位的话,父级的overflow包不住子元素

       解决办法:给 父级 也加相对定位

3.在ie6下绝对定位元素的父级宽高是奇数的时候,元素的right值和bottom值会有1px的偏差

解决方案:无


4.在ie6,7下输入类型的表单控件上下各有1px的间隙

解决办法:给input加浮动


5.在ie6,7下输入类型的表单控件加border:none;无效

解决办法:重置input的背景,无论什么颜色


6.在ie6,7下输入类型的表单控件输入文字的时候,背景图片会跟着一块移动

解决办法:把背景加给父级


7.在ie6下不支持透明的png图片

解决办法:引用js第三方包:DD_belatedPNG_0.0.8a.js。但注意加上 条件注释语句

你可能感兴趣的:(前端技术)