您的位置:首页 > 其它

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

2016-07-13 09:56 204 查看
# 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所代表的样式会失效
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: