IE8自动关闭自动标记(IE8 self closing tags automatically)

好吧我试图调试我布局，看看为什么这一切都在时髦IE8及以下..嗯，当我开始观察代码，我实现了内部元件的所有包装元素自我封闭自己。

<section id="top-bar"/>
<div class="container">
  <div class="row">
    <div class="span12">
      <p>ELEMENTS</p>
    </div>
  </div>
</div>
<div class="rivets"/>
</section/>

嗯，我的造型适用于我的CSS＃顶吧：

#top-bar {
  background: #146c7e url('../images/top-bar-bg.png') repeat top left;
  color: #fff;
}

所以在IE8和低于样式不被应用。这绝对是令人沮丧的。这只是发生在我身上在Magento ..我所有的我对我自己做了其他的布局从来没有自我封闭自己，如果内容没有直接与他们的内部。

好的人以为我是自己加的结束标记，但这里是我的代码：

<section id="top-bar">
        <div class="container">
            <div class="row">
                <div class="span7">
                    <a href="#" class="tab">Shoppe</a>
                    <a href="#" class="tab">Local</a>
                    <a href="#" class="tab">Half Baked</a>
                </div>
                <div class="span5 mag-links">
                    <?php echo $this->getChildHtml('topLinks') ?>
                </div>
            </div>
        </div>
            <div class="rivets"></div>
    </section>

IE8会自动添加这些标签。我不能删除它们..因此，代码工作在Chrome，火狐，IE9和最多伟大的..但IE8及以下，它启动自闭的东西。我以前从来没有这样的问题。

Answer 1:

我认为这是发生，因为IE8不支持HTML5标记，如section 。如果你想获得这个在IE8的工作，请致电您的文档的头以下几点：

<!--[if lt IE 9]>
  <script>
    document.createElement('header');
    document.createElement('nav');
    document.createElement('section');
    document.createElement('article');
    document.createElement('aside');
    document.createElement('footer');
    document.createElement('hgroup');
  </script>
<![endif]-->

这告诉IE8来创建这些元素，它应该能够认识到他们作为HTML元素之后。