我正在尝试设计< header>它在IE中不起作用.我正在使用Modernizr,但是我已经尝试了这个shiv.
示例代码
<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;
}
我期望在标题和部分内容周围的边框,但相反,只有一个””看起来的边框,标题在它下面.
怎么了？
解决方法
使用IE,即使使用shiv,您需要将HTML 5元素声明为块元素.我使用这个行为Internet Explorer,但您可以修改它为您需要的元素.
header,nav,article,footer,section,aside,figure,figcaption{display:block}
You’ll also probably want to set many of these elements to
display:block;
