加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

IE6中出现"文字自动重复"错误的原因和解决方法

(2011-10-25 13:11:47)
标签:

ie6

注释

区块

文字

元素

杂谈

分类: 技能

    以前在做DIV有时候会碰到文字自动重复的现象,即在一系列元素的下端的文字会重复出现。这种现象只会在IE6中出现,在IE7和火狐中没有此现象。原因:是注释造成的文字溢出,而且只有IE6才有这个BUG,而溢出文字的字数=注释的条数*2-1。BUG与注释文字的位置、区块的浮动以及文字区块的固定宽度都有联系。

  解决方法:

  1、不放置注释。这是最简单、最快捷的解决方法,但不方便,有时是需要注释的;

  2、注释不要放置于2个浮动的区块之间;

  3、将文字区块包含在新的元素之间(这个增加了多余的元素),如在外面再加一层<div>:<div style="float:right;width:400px"><div>中国站长天空(www.zzsky.cn),站长建站乐园</div> </div>;

  4、去除文字区块的固定宽度,与3有相似之处;

  5、在后面加一个<br>或者空格(这个增加了多余的元素);

  6、使用IE注释格式(这个是可以使用的,不论在IE还是火狐都正常显示,而且也符合标准,但和常规的注释不一样),如:<!--[if !IE]>Put your commentary in here...<![endif]-->;

  7、给盒子加;属性(个人觉得这个应该是最好的解决方法,应该只有IE6有这个BUG,可以只针对IE6加这个属性)。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有