css - IE7 & IE8 背景色

Question

出于某种奇怪的原因，我在我的网站上设置的任何背景样式(如果有任何区别，都会加载到模态中)在 IE7 或 IE8 中没有呈现。在所有其他(真实)浏览器(包括 IE9)中，这一切看起来都很好。我的代码如下:

<hgroup>
<h6>Request Information Form</h6>
 <a href="#" onClick="closeModal(); return false;"><img src="/images/x-close.png" alt="Close" class="close" /></a>
</hgroup>

我知道除了 <h1>-<h6> 之外你不应该放任何东西在 <hgroup> 内，但我需要这个小的 close img，即使我尝试将它拉出来，我也遇到了同样的问题(再加上它都“似乎”可以验证)。

CSS 是:

hgroup {
position: relative;
width: 668px;
height: 32px;
margin: 0 0 16px;
padding: 14px 14px 0 14px;
background: #B66115 url(/images/modal_header_bckgrnd.png) repeat-x 0 0;
font: normal 20px/20px 'crimson Text',Georgia,serif;
color: #F6F5EE;
}

另外，我已经声明了<hgroup>作为display:block ，我正在使用 IE 垫片。我一直得到的只是白色背景(当我在 block 中有白色文本时，这真的不起作用!)。

在此先感谢您提供的所有帮助。

Answer 1

IE7 和 IE8 不会将 html5 标签名称加载到文档中。任何无法识别的标签都将被忽略。尝试添加一些 javascript 以手动添加它们(或使用类似 modernizr.js 的东西)。

<script>
document.createElement('header');
document.createElement('hgroup');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>