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>以外的任何东西，但是我需要在那里稍微关闭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 shim。我不断得到的是一个白色背景（当我在块中有白色文字时，这真的不起作用！）。

提前感谢您提供任何帮助。

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>

Answer 2

如果加载在模态中有所作为

您的模态窗口是否使用iframe？

如果是这样，您还需要在iframe内运行HTML5元素填充脚本。

Answer 3

使用HTML5 Shiv。

稍微不相关的说明，您错误地使用了<hgroup>。它只应包含一个或多个hN元素，仅此而已。

使用上面的代码，您应该使用<header>代替。

IE7＆amp; IE8 <hgroup>背景颜色</hgroup>

3 个答案: