最新下载
热门教程
- 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的关键，至于为什么浮动会引起这个现象
相关文章
- 和平精英五周年福利活动一览 和平精英5周年庆有哪些活动 04-28
- 崩坏星穹铁道知更鸟遗器搭配推荐 崩坏星穹铁道知更鸟遗器怎么搭配 04-28
- 崩坏星穹铁道知更鸟光锥推荐 崩坏星穹铁道知更鸟带什么光锥 04-28
- 崩坏星穹铁道知更鸟突破材料一览 崩坏星穹铁道知更鸟需要哪些材料 04-28
- 王者荣耀群星祈愿活动怎么玩 04-28
- 《一念逍遥》5月20日全新密令是什么2023年5月20日全新密令 04-28