最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
ie6重复文字bug解决方法总结
时间：2022-06-25 11:19:22 编辑：袖梨 来源：一聚教程网
在网上首先找到了好几篇相同的文章，解释的原因是注释引起的bug，但我的代码中并没有注释啊，总结了一下有一下解决方案
1、不放置注释。这是最简单、最快捷的解决方法，但不方便，有时是需要注释的；
2、注释不要放置于2个浮动的区块之间；
3、将文字区块包含在新的元素之间（这个增加了多余的元素），如在外面再加一层div；
4、去除文字区块的固定宽度，与3有相似之处；
5、在后面加一个
或者空格（这个增加了多余的元素）；
6、使用IE注释格式（这个是可以使用的，不论在IE还是火狐都正常显示，而且也符合标准，但和常规的注释不一样）
7、给盒子加;属性（个人觉得这个应该是最好的解决方法，应该只有IE6有这个BUG，可以只针对IE6加这个属性）。
例
| 代码如下 | 复制代码 |
|
|
|
bug的解决，首先想到著名的ie6浮动动元素多出3pxbug
所以沿用消除3px bug的方法，给浮动元素margin-right:-3px;
结果bug消失，代码如下
| 代码如下 | 复制代码 |
|
|
|
解决方法二
第二个清除bug的方法，浮动元素加背景色background-color: #eee;，bug消失
| 代码如下 | 复制代码 |
三个方法在测试demo中是可以解决问题的，在我遇到的个案中仅方法一可行，所以我对ie6重复文字bug的结论是浮动，浮动是引起这个bug的关键，至于为什么浮动会引起这个现象
相关文章
- 云星穹铁道权益升级怎么玩 云崩铁权益升级活动介绍 12-03
- 以闪亮之名山中绘梦怎么玩 以闪亮之名滢然花梦套装活动介绍 12-03
- 以闪亮之名绿野梦歌礼包怎么样 以闪亮之名绿野梦歌拍照礼包介绍 12-03
- 光遇12.6有什么更新 光遇12月6日更新内容介绍 12-03
- 伍六七暗影交锋测试资格怎么获得 伍六七暗影交锋内测资格获取方法 12-03
- 无限暖暖晶莹诗集怎么样 12-03