`
hegz
  • 浏览: 442766 次
  • 性别: Icon_minigender_1
  • 来自: 茂名
社区版块
存档分类
最新评论

IE文字重复显示的处理

阅读更多

页面使用DIV+CSS布局,嵌套比较多,如果添加了注释,会造成字符重复显示。

页面代码:

<body>
    <div id="container">
       <!-- // 页头 -->
        <div id="header">页头</div>
        <!-- // 左边导航栏 -->
        <div id="left">
            <div id="menu">页左</div>
        </div>
        <!-- // 内容显示区 -->
        <div id="right">
            <div class="content">内容显示区</div>
        </div>
        <!-- // 页脚 -->
        <div id="footer">
            <div>页脚</div>
        </div>
    </div>
</body>
 

如下图所示:


 
解决办法:

将注释内容用“<!--[if !IE]>”和“<![endif]--> ”圈住即可。


如下所示:

<!--[if !IE]> // 注释内容 <![endif]--> 
 

效果如下图所示:


  • 大小: 16.8 KB
  • 大小: 12.9 KB
0
0
分享到:
评论

相关推荐

    input框中出现提示文字(兼容ie 火狐 谷歌)

    为了提供友好的用户体验,经常需要在输入框内显示提示性文字,指导用户输入何种信息。然而,浏览器的兼容性问题一直是开发者面临的一大挑战,特别是对于较老版本的IE浏览器。`placeholder`属性是HTML5引入的新特性,...

    ie6,ie7兼容性总结

    通过上述分析可以看出,IE6和IE7在处理CSS布局方面存在不少独特之处。为了避免这些问题带来的困扰,开发人员需要对这些浏览器的特点有所了解,并采取相应的解决策略。尽管随着现代浏览器的普及,支持IE6和IE7的需求...

    兼容ie8的漂亮jQuery计时器插件

    在"兼容ie8的漂亮jQuery计时器插件"这个项目中,jQuery库被用来实现跨浏览器的兼容性,尤其是对于旧版本的Internet Explorer,如IE8。 **C3counter.js计时器插件** C3counter.js是一款基于jQuery的计时器插件,它...

    10个技巧帮你搞定IE 6

    IE6对百分比字体大小的处理存在问题,可能导致不一致的显示效果。尽可能使用像素值来定义字体大小。 9. **使用条件注释**: 利用IE条件注释可以针对性地为IE6提供特定的CSS或JavaScript,避免全局影响其他浏览器...

    div+CSS 兼容小摘

    - **IE** 支持 Form 中的 Label 标签,包括图片和文字内容;**Firefox** 不支持包含图片的 Label,点击图片不能让标记 `label for` 的 Radio 或 CheckBox 产生效果。 #### 总结 div+CSS 是前端开发中非常重要的技术...

    让IE6支持important的注意事项

    important`,因此在所有浏览器(包括IE6)中,第一行文字都将显示为红色,因为`!important`确保了这个颜色的优先级高于任何后续的样式声明。 第二个例子: ```css .first{ color: red !important; color: blue; }...

    IE6支持!important吗 如何用!important解决浏览器兼容性问题

    /* IE7、FF、OP等浏览器显示红色文字 */ color: green; /* IE6显示绿色文字 */ } ``` 在上述代码中,我们为`#test`元素设置了两次`color`属性,一次包含!important,另一次不包含。当浏览器解析到这条规则时,非...

    12864液晶显示源程序汇编程序.pdf

    2. 描述部分重复了标题内容,指出文档内容与12864液晶显示模块的操作相关。 ### 内容部分知识点 1. **12864液晶显示模块基础:** 12864液晶显示模块是一种常见的液晶显示设备,它能够显示图形和文本信息,广泛...

    JavaScript网页特效范例宝典源码

    实例253 背景图片纵向重复显示 393 实例254 通过按钮变换背景颜色 395 实例255 背景自动变色 396 实例256 百叶窗 396 实例257 渐隐渐显的背景颜色 398 实例258 页面缩小 399 实例259 页面上下打开效果 400 实例260 ...

    DIV+CSS浏览器的兼容性_大前端1

    IE6 下,某些特定的注释格式可能导致内容重复显示。为了避免这种情况,可以使用条件注释,如 `&lt;!–[if!IE]&gt; picRotate start &lt;![endif]–&gt;`。 8. **img 元素下的留白**: 在 FF 和 IE 中,图片与包含它的 div ...

    IE6 bug修正的10个小技巧 推荐

    5. 修正重复文字bug 复杂的布局可能会导致浮动元素的最后字符显示在后续清除浮动元素下方的问题。解决方法包括使用display:inline确保所有元素正确显示,对最后一个元素应用"margin-right:-3px",或者利用条件注释在...

    js产品滑动列表 鼠标经过文字列表滑动出现对应图片

    本项目"js产品滑动列表 鼠标经过文字列表滑动出现对应图片"旨在利用JavaScript实现一种动态的产品展示方式,当用户鼠标悬停在文字列表上时,会相应地滑动显示出对应的图片,从而提升用户体验,增加网站的互动性和...

    UI设计网页规范.docx

    - 提交/上传数据:长时间提交需显示等待提示,避免重复提交,成功后返回对应页面,提供取消或返回功能。 - 分页:分页同时支持查询,允许输入页数直接跳转,提供返回原记录状态的选项。 - 链接:链接应有鼠标悬停...

    网页设计中的常见问题及其解决方法(div+css)

    十七、如果文字过长,则将过长的部分变成省略号显示:IE5,FF 无效,但可以隐藏,IE6 有效 ;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis"&gt; 就是比如有一行文字,很长,表格内一行...

    javascript定时器实现的蛇形文字

    JavaScript定时器实现的蛇形文字是一种有趣的编程小实验,它利用了JavaScript的动态特性来创建一个类似游戏"贪吃蛇"的文字效果。在这个程序中,字符会在页面上以蛇形移动,给人带来一种视觉上的趣味性。这个效果的...

    课题_CSS隐藏多余文字的几个方法.pdf

    这种方式可以有效地“隐藏”背景上的文字,因为它将行高和字体大小设为0,同时利用`overflow:hidden;`隐藏超出部分。经过测试,这种方法在IE6.0到8.0以及Firefox 3.010等浏览器上表现良好。 第三种方法是在需要隐藏...

    前端面试题汇总1

    2. **字体大小不兼容**:不同浏览器对字体大小的渲染存在差异,例如IE与Firefox、Opera等。为了解决这个问题,可以使用`line-height`属性确保文字在不同浏览器中的垂直对齐一致。 3. **Firefox的高度限制**:在Fire...

    总结 css-样式处理。。。

    CSS允许开发者控制页面元素的显示方式,包括颜色、字体、布局、动画和响应式设计等多个方面。以下是对CSS样式处理的一些核心知识点的详细说明: 1. **选择器**: - **类型选择器**:如`h1`、`p`,基于HTML标签进行...

Global site tag (gtag.js) - Google Analytics