浏览器兼容性及解决方案 (3)

在IE6下,浮动元素和绝对定位元素是并列关系,绝对定位元素会消失

解决办法:把定位元素单独的包起来


在IE6-7下,元素有相对定位的话,父级的 overflow 对于这个元素不起效果

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


在IE6下,通过 margin 使元素移出父级的部分,会被父级截掉

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


在IE6下,定位父级的高度为奇数时,元素的 right 和 bottom 值会有 1px 的偏差

解决办法:无解


在IE6下,不支持固定定位(最小最大宽高)

解决办法:用JS模拟


在IE6-7下,不支持 inherit 这个属性值


在IE8及之前的浏览器中,不支持 opacity

解决办法:用 filter 代替(filter:alpha(opacity=0-100))


在IE6-7下,输入类型为表单控件,上下各有 1px 的间隙

解决办法:给元素添加浮动


在IE6下,表单控件设置 border:none 无效

解决办法:border:0; 或者 重置元素的背景


在IE6-7下,输入类型表单控件添加背景图,输入文字时,背景会随着元素一块移动

解决办法:给父级添加背景图