浏览器兼容——IE6

1.  当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 在IE 6内子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。

解决这个bug很简单,在父元素中使用position:relative;即可解决该bug

2.  双边距bug,用到float属性,同时使用margin属性时,在ie6下产生双倍行距

用display:inline;修正

3.  ie6下的position问题,出现问题的时候,

一定要记得检查父级元素position:relative;的z-index层级,要设置高点。

4.  图片透明

IE6 浏览器在处理带有半透明通道的PNG24格式图片时,错误的将半透明通道渲染成灰色。PNG8 格式图片背景透明。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注