从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要讲解了“如何解决IE6的3像素bug”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何解决IE6的3像素bug”吧!
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比钢城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式钢城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖钢城地区。费用合理售后完善,10余年实体公司更值得信赖。
一、 6爷我喝高了,最后一行有重影。那什么是IE6 的3像素bug?
IE7修正了IE6中的一个bug,bug名字就叫做“3像素bug”,即文字溢出bug. 表现形式是ie6浏览器下文字或者图片溢出,莫名其妙的自动复制几个字符。如下图,就自动溢出了一个“下一页”。
二、3像素bug是怎么产生的?
一个容器A包含2两个具有“float”样式的子容器B和C。
第二个容器C的宽度大于父容器A的宽度,或者父容器A宽度减去第二个容器C宽度的值小于3。
在第二个容器前存在注释(这也是为什么此bug也叫做“IE6注释bug”的原因)。
下面是这段代码再现了bug的产生过程,如果用ie6浏览,则在下面 会多出一个“醉”字。
三、怎样让6爷快速醒酒?ie 6 3像素bug的最佳解决办法:margin-right:-3px;
关于解决办法网上有很多转载,但是我一一试过之后很多都不奏效或者不理想。下面是一段摘录:
1.改变结构,不出现【一个容器包含2两个具有“float”样式的子容器】的结构。
——此解决方案的评论:疯了!因噎废食的做法。
2.减小第二个容器的宽度,使父容器宽度减去第二个容器宽度的值大于3,例如将本文示例中第二个子容器的宽度改为197px。
——此解决方案的评论:在满足页面布局的前提下可以使用。但是当情况比较复杂的时候,可能实施起来比较困难。
3.去掉所有的注释。
——此解决方案的评论:最直接的做法,但是“没有注释的代码”,的确不是一个好的代码写作习惯。
4.修正注释的写法。将 写成这里是注释内容
——此解决方案的评论:还不错的解决方案,但是并不是每个人都对这里是注释内容[endif]–>这种注释写法很欣赏。
5.在第二个容器后面加一个或者多个
感谢各位的阅读,以上就是“如何解决IE6的3像素bug”的内容了,经过本文的学习后,相信大家对如何解决IE6的3像素bug这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图