在IE(IE6)中常见的几个兼容性问题

1.图片间隙问题:

            在高版本浏览器中,如果没有给父容器设置高度,图片会在原来基础上把父元素撑大3-5px;

            解决办法:1.给父元素添加font-size:0;

                             2.给图片设置display:block;(推荐方法)

            在低版本浏览器中(IE6),如果给父容器设置宽度后,图片会在原来基础上把父元素撑大3-5px;

             解决办法:1.给父元素添加font-size:0;

                              2.给图片添加display:block;
2.双边距问题:

            在IE6中如果对进行浮动的元素设置边距(padding或者margin),边距加倍。

            解决办法:给元素设置display:inline
3.li标签间隙问题:

            IE6中,如果li标签中的内容设置了高度,li标签之间会有间隙;

            解决办法:给li设置vertical-align:top;
4.块状元素默认高度问题: 比如在做图片切换的小图标时

            IE6中,部分块状元素会有默认高度(一般为16px-18px之间);

            解决办法:给元素添加overflow-hidden     或者font-size:0;
5.IE6中只能支持png 格式8位的透明;

6.表单行高不一致:

            此问题在高版本浏览器中也存在,主要表现在一行中的文本输入框和按钮不在同一高度;

            解决办法:给表单元素添加float:left 并去掉默认边框border:0;
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值