注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Jon的毛线球

叩首问路,码梦维生。

 
 
 

日志

 
 

IE6常见BUG归纳(18个)  

2014-05-16 11:20:01|  分类: HTML+CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

IE6浏览器兼容问题


1.各个浏览器都有自身的默认样式,所以每个人浏览器显示的样式都有偏差。

解决方法:重置说有默认reset.css

2.不写头部申明在IE6浏览器中,会触发怪异解析,padding border算在自身宽高内。

解决方法:书写头部声明

3.父级设置了positionrelative 并且设置了padding值 子级相对父级positionabsolute  这时候IE6中从padding处 定位。

4.横向双倍外边距BUG,在IE6中块元素浮动并且设置了margin左右边框 且与父级边框接触,会触发双倍边距bug 解决方法 displayinline

5.默认行高 产生于IE6 7 遨游 设置的盒模型高度低于20,触发默认行高,19px 这时如果设置font-size 0 行高基线下还有2px纯在 所以这时候设置overflowhidden 完美解决,或者line-height:0

6.IE6 layout计算方式 为以内容计算高度 ,所以当内容超出高度是以内容高度显示。所以父级设置宽高 overflowhidden

7.Img外部border img外部有标签 底部会多出3px 解决方法: img displayblock border0 none

8.经典3像素bug IE6浮动元素与为浮动元素处于同一行,有默认3px间距 行元素则不能处于同一行 这时候设置两个元素都为浮动元素

9.IE6hover只支持a标签 只能使用js解决

10.IE6 中 Table标签中设置border-color属性无效 

11.IE6中不支持png-24格式的透明 可用png-8 或则 js处理

12.IE6中不支持rgba opacity 的透明 解决方法 使用滤镜 filteralphaopacity = 60

13.子选择器IE6 不支持最大最小高度 因为IE6的特殊layout 所以 只需设置_hight 可以了 

14.IE6不支持displaytable-cell 所以不能使用vertical-alignmidden 解决方法 单行文本使用line-height设置成和height一样高度 其他元素 可以使用padding margin position 等方法

15.子标签设置浮动 父元素没有清除浮动 子元素无法撑开父标签高度,解决方法 清浮动呗

16.多显示一个字 多个浮动元素中间夹杂HTML注释语句,浮动元素宽度设置为100%;则在下一行多显示上一行的最后一个字符;

17.CSS优先级!Important IE6中在同一只CSS属性中 !Important不起作用 解决方法:只能单独设置

18.关于IE6中绝对定位不显及躲猫猫BUG

19.IE6 haslayout罪恶的根源

  评论这张
 
阅读(10)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017