`
xixian
  • 浏览: 216403 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE6下多出重复字符的问题处理

 
阅读更多

 

参考http://www.pivotcode.com/ie-6-overflow-element/

一般有三种情况引起

1.是该种注释引起的  "<!--  -->"
2.hidden的input直接放在form下.
3.display为none的div也有可能引发此bug.

解决方法

1将<!--  --> 改成<!--[if !IE]><![endif]-->  或者将注释删除

2和3可以通过外面再包一次DIV解决

若以上未解决问题,则下面可能有帮助

1、在span的父元素上定义溢出隐藏overflow:hidden;可以解决此问题。

2、span元素在html中书写时不进行换行(块级元素的特性)

3、span元素去掉浮动(float)并把显示方式改成display:inline-block

4、有可能是div浮动引起,在最后div加个清除代码  <div style="clear:both"></div>

 

 

分享到:
评论

相关推荐

    ie6,ie7兼容性总结

    **问题描述**:在IE6下,如果为浮动容器定义了`margin-left`或`margin-right`属性,则实际的效果将是定义值的两倍。 **解决方案**:可以通过给浮动容器定义`display:inline`来解决此问题。 ##### 5. Mirror Margin...

    uploadify上传在IE6中时灵时不灵的问题解决

    这些配置在IE6下应保持正确,以保证上传流程的顺利进行。 3. **事件处理**:在示例代码中,`onComplete`事件处理函数用于处理文件上传完成后的一些操作,如更新图片预览。确保在所有支持的浏览器中,这个事件都能...

    ie6中页面的bug

    5. **字符重复问题**:在复杂布局中,浮动元素内的文本可能会出现在清除浮动的元素下方。为了解决这个问题,可以确保浮动元素设置`display: inline`,或者在浮动元素末尾添加特定的CSS注释,或者在最后的元素后面...

    10个技巧帮你搞定IE 6

    5. **解决字符重复问题** - 当复杂的布局导致文字出现在清除浮动的位置下时,可以采取以下措施: - 确保浮动元素设置`display: inline` - 在浮动元素中添加`margin-right: -3px` - 使用条件注释,如`&lt;!--[if !IE...

    10个技巧帮你搞定IE6.docx

    不添加DOCTYPE会导致IE6进入“怪癖模式”,引发更多问题。 2. **设置position: relative**:在需要进行定位的元素上使用`position: relative`,可以避免元素位置混乱,尤其在进行对齐操作时。不设置position可能...

    字符串拼接-不同方式下的性能问题纠错1

    然而,随着浏览器技术的发展,尤其是从IE8开始,现代浏览器(包括Chrome、Firefox、Safari、Edge等)对垃圾回收机制进行了优化,并且对`+`运算符连接字符串进行了特殊处理,使得这种方式在大多数情况下性能已经超过...

    CSS之IE BUG分析与解决

    - 当一个包含浮动元素的div宽度等于内部div的总和,并且内部有注释时,IE6会出现重复字符。可以通过增大外部div的宽度来避免。 6. **3像素文本偏移** - IE6中,文本相对于容器可能会有3像素的偏移。可以通过添加`...

    js按键事件 兼容ie 火狐狸

    本文将深入探讨如何在JavaScript中处理按键事件,并解决在IE和火狐浏览器上的兼容性问题。 首先,我们来了解JavaScript中的几个主要按键事件: 1. `keydown`:当用户按下键盘上的键时触发,可以重复触发,只要键...

    IE7-WindowsXP-x86-chsIE7-WindowsXP-x86-chs

    1. **Tabbed Browsing(标签浏览)**:这是IE7引入的一个显著特性,允许用户在一个浏览器窗口内打开多个网页,通过不同的标签进行切换,提高了多任务处理的效率。 2. **RSS Feed Support(RSS订阅支持)**:IE7开始...

    Blob.js-master Blob js 插件,有时候IE不支持Blob,需要我们自己下载Blob插件,有需要小伙伴可以下载

    在使用Blob.js时,开发者需要注意在支持Blob的现代浏览器中,可能需要避免重复引入这个库,以防止性能下降或引发其他兼容性问题。 在实际项目中,当需要在IE浏览器中处理Blob对象时,可以按照以下步骤操作: 1. ...

    再论Javascript下字符串连接的性能

    在旧版IE浏览器(如IE6和IE7)中,使用数组的复制方法(`copyByArray`)明显快于字符串连接运算符(`copyByOperator`)。然而,在新版的IE8以及Firefox 3.6、Chrome 4、Safari 4.0.5和Opera 10.50中,情况发生了变化...

    探讨js字符串数组拼接的性能问题

    反之,如果目标用户主要使用较旧版本的IE,或者处理的字符串较大或数量较多,那么采用数组的`join`方法会是更好的选择。 在实践中,我们还需要考虑代码的可读性和语义性。如果字符串连接具有明确的逻辑联系,如拼接...

    js优化针对IE6.0起作用(详细整理)

    优化的方法是使用数组来收集所有需要拼接的字符串片段,然后利用数组的join方法来完成最终的字符串拼接,这种方法在处理大量字符串拼接时尤其有效,可以显著减少创建字符串对象的次数。 其次,for循环的优化主要...

    详解JavaScript数组和字符串中去除重复值的方法

    在JavaScript中,数组和字符串去重是一个常见的操作,尤其在处理数据时,我们经常需要去除数组或字符串中的重复元素,以避免数据冗余或者在逻辑上保持唯一性。针对这一需求,JavaScript提供了一些内置的方法和技巧来...

    CSS学习笔记

    - 当内部浮动元素有注释,且外层元素宽度等于内部元素总和时,IE6会出现重复字符问题。 - 解决方法是改变外层元素的宽度,使其大于内部元素总和,或者移除内部注释。 6. **3像素文本偏移** - IE6中,文本相对于...

    prcie6prcie6

    很抱歉,根据您给出的信息,标题、描述以及标签都只包含"price6"这个重复的字符串,没有提供具体的IT知识内容。压缩包子文件的名称也是"price6",同样缺乏详细信息来生成相关的IT知识点。在这样的情况下,我无法生成...

    IE和FIREFOX的JAVASCRIPT兼容性总结.pdf

    - 兼容处理:可以使用库如jQuery或Modernizr来抽象出跨浏览器的API,减少手动处理兼容性的需求。 总的来说,JavaScript兼容性问题需要开发者具备扎实的JavaScript基础,理解浏览器差异,并熟练运用条件检测、DOM...

    IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)

    尽管这种方法可以解决单个节点内部重复字符的问题,但实际操作起来可能较为复杂和耗时。因此,在实际开发中,我们可能会寻找更简洁高效的方法,比如使用第三方库来处理兼容性问题,或者在现代浏览器中使用W3C标准...

Global site tag (gtag.js) - Google Analytics