ie6下部分bug以及部分解决方式

# ie6bug #

## 双边距bug ##

子元素的有浮动和margin的情况下,margin值被放大两倍,
解决办法:display:inline;
## 文字溢出bug ##


子元素和父元素的宽度相差小于3px时,并且两个浮动子元素之间有内联元素,这时,会出现文字溢出。
解决办法:将内联元素加上一个div,整体变成块元素。或者将父元素宽度增加。

## 绝对定位元素消失bug ##

当绝对定位元素元素与浮动元素同级,绝对定位元素消失
解决办法:两个之中一个嵌套一层div
## ie6子级元素有相对定位,则父级元素的overflow保不住它 ##

解决办法父级元素也加relative

## ie6下position:fixed ##

position:fixed该元素依然随滚动条滚动。
## ie6下table ##
table里面的tbody与tr都有背景,那么有一个背景会无效。

## input表单 ##
表单输入框上下会有1px偏差,是外界撑开的,若是外围高度与input高度差的比较多就不会了。可以用input设置float解决。
表单输入框设置border:none,仍会有border,可以重新设置input背景色解决。

## ie6条件注释语句 ##

ie6-ie9中会有独特的条件注释符,具体表现为:<!--[if IE 6]><![endif]--> 
## css hack ##
为了兼容ie,出现了css hack,

 1. /9:代表ie10之前的浏览器,例如:background:yellow/9;
 2. +,*:代表ie7即之前的浏览器浏览器,例如:+background:red;
 3. _:下划线代表ie6及之前浏览器。
## !importment问题 ##
!importment提升样式优先级。浏览器都支持,举例:background:yellow !importment

ie6下,如果在标记!imporment样式后面再加上同样的样式,!importment所代表的样式会失效
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值