IE6文字溢出BUG(多出来的猪问题)
2013-09-08 14:22
246 查看
在IE6下使用浮动可能会出现文字重复的情况.
在IE6下,浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个“隐形”的复制,但是代码里查看文字可并没有多出来。
看个例子:
HTML
用IE6看一下,你会发现真的会多出一只“猪”!
问题原因以及解决方法:
原因:
由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。
解决办法:
1、不放置注释。最简单、最快捷的解决方法;
2、注释不要放置于2个浮动的区块之间;
3、将文字区块包含在新的<div></div>之间,如:<div style=”float:right;width:400px”><div>歌剧院的魅影</div></div>;
4、去除文字区块的固定宽度,与3有相似之处;
5、在后面加一个<br />或者空格;(不推荐)
6、使用IE注释格式,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
7、给盒子加position:relative;属性
引发这种BUG有几个条件
1.是注释引起的,删除所有注释即可.
2.hidden的input直接放在form下.
3.display为none的div也有可能引发此bug.
2,3可以通过外面再包一次DIV解决
在IE6下,浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个“隐形”的复制,但是代码里查看文字可并没有多出来。
看个例子:
HTML
<div style="width:200px;"> <div style="float:left;"></div> <!-- 如果是IE6,你将多看到一个“影”字 --> <div style="float:left; width:200px">歌剧院的魅影</div> </div>
用IE6看一下,你会发现真的会多出一只“猪”!
问题原因以及解决方法:
原因:
由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。
解决办法:
1、不放置注释。最简单、最快捷的解决方法;
2、注释不要放置于2个浮动的区块之间;
3、将文字区块包含在新的<div></div>之间,如:<div style=”float:right;width:400px”><div>歌剧院的魅影</div></div>;
4、去除文字区块的固定宽度,与3有相似之处;
5、在后面加一个<br />或者空格;(不推荐)
6、使用IE注释格式,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
7、给盒子加position:relative;属性
引发这种BUG有几个条件
1.是注释引起的,删除所有注释即可.
2.hidden的input直接放在form下.
3.display为none的div也有可能引发此bug.
2,3可以通过外面再包一次DIV解决
相关文章推荐
- 解决在IE6下文字溢出(多出一行字)的问题方案
- DIV+CSS页面设计中的IE6的文字溢出BUG
- DIV+CSS页面设计中的IE6的文字溢出BUG
- IE6的3PX(像素)BUG,造成文字溢出
- IE6文字溢出BUG
- IE6下文字溢出(多出一行字)的问题方案
- IE6文字溢出bug解决办法
- IE6出现重复字符(文字溢出)的bug
- 【IE6的疯狂之四】IE6文字溢出BUG
- IE6下的文字溢出BUG
- IE6文字溢出BUG
- IE6下BUG 文字溢出
- 【IE6的疯狂之四】IE6文字溢出BUG
- 【转】IE6文字溢出BUG
- <转>IE6浏览器网页文字溢出的解决办法(重复字符bug)---隐藏float对其他float造成影响
- IE6文字溢出Bug:多出一只猪
- DIV+CSS页面设计中的IE6的文字溢出BUG
- 解决IE6最后一行文字溢出
- 浏览器兼容性经典问题(二) IE6 3像素bug问题
- IE6兼容性问题及IE6常见bug详细汇总