页面使用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]-->
效果如下图所示: