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

梦幻雪冰

技在手,能在身,思在脑,从容过生活——陈能堡

 
 
 

日志

 
 

IE6 bug第一部分(整理中)  

2014-03-11 20:58:06|  分类: CSS兼容专题 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1IE6 怪异解析模式

IE6 bug第一部分(整理中) - 我的左手旁边就是你~ - 我的左手旁边就是你的右手

背景绿色的div设置了宽设置了200px,高设置了200pxmarginpadding都是50px;背景黄色的div设置了宽100px,高设置了100px,删除了<!DOCTYPE HTML>之后IE就会出现怪异解析模式,本来这个大的div应该是宽高都是300px,但是IE6只有200px

    触发怪异解析的条件:没有文档声明也就是说没有写<!DOCTYPE HTML>

    解决办法:进行书写页面时要进行文档声明

2.不同浏览器当中,很多的标签的默认样式不同

 IE6 bug第一部分(整理中) - 我的左手旁边就是你~ - 我的左手旁边就是你的右手  

产生条件:不同浏览器;比如箭头指向的区域有的浏览器是不同的。

解决办法:利用CSS reset文件进行样式的清除,然后再根据需要进行设置。

3.横向双倍外边距

产生条件:IE6中块元素浮动后,会出现横向双倍margin现象。

解决办法:float标签的样式控制中加入displayinline,也可以用行元素来代替解决

4、图片有间距,

IE6 bug第一部分(整理中) - 我的左手旁边就是你~ - 我的左手旁边就是你的右手

    触发条件:img标签,简单的说就是每一个标签后面敲回车

    解决办法:floa浮动清楚间距

    清除的效果:

IE6 bug第一部分(整理中) - 我的左手旁边就是你~ - 我的左手旁边就是你的右手
 

5IE6经典3像素bug

IE6 bug第一部分(整理中) - 我的左手旁边就是你~ - 我的左手旁边就是你的右手
 

    触发条件:浮动的块元素和未浮动的块元素在同一行

    解决方法:未浮动的块元素设置float

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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