IE不是样式HTML5标签（用shiv） [英] IE not styling HTML5 tags (with shiv)

问题描述

我试图风格一个< header> ，它不工作在IE。我使用Modernizr，但我自己尝试了shiv。

I'm trying to style a <header> and it's not working in IE. I'm using Modernizr, but i've tried the shiv by itself.

示例代码

<section>
  <header>
    <h1>Title</h1>
  </header>
  <p>Body</p>
</section>

样式：

section {
    border: 2px dotted black;
    padding: 0.25em;
}

header h1 {
    background-color: #ccc;
    text-align: center;
    margin: 0;
}

我希望在标题和节内容周围有一个边框，

I expect a border around the header and section content, but instead there is just an '[' looking border and the header is beneath it.

出现了什么问题？

推荐答案

对于IE，即使使用shiv，也需要将HTML 5元素声明为块元素。我使用这一行的Internet Explorer，但你可以修改它所需的元素。

With IE, even with the shiv, you need to declare the HTML 5 elements as block elements. I use this line for Internet Explorer, but you can modify it for the elements you need.

header,nav,article,footer,section,aside,figure,figcaption{display:block}

从 Modernizr文档：

您也可能想将这些元素中的许多元素设置为 display：block;

这篇关于IE不是样式HTML5标签（用shiv）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！