html - 为什么我的背景图片不显示在 IE 中？

Question

我一直在用 Wordpress 设计一个网站，并开始在不同的浏览器中进行测试，我沮丧地发现，我的页眉的主要背景图像在 IE9、IE8 或 IE7 中没有显示 - 而且很可能不显示在 IE6 中。

我对 CSS 比较陌生，无法弄清楚问题出在哪里。我一直在搜索许多帮助主题和论坛，但没有找到我的特定问题的答案，所以如果有人愿意帮助我，我将不胜感激。

提前致谢!

这是网站的链接:http://www.godlygirlhood.org/sandbox

这是标题的 CSS 代码:

#branding {
    width: 1015px;
    height: 559px;
    margin: auto;
    background-color: #f2e9b3;
    background-image: url(http://godlygirlhood.org/sandbox/wp-content/uploads/2012/01/GG-header_1015px.png);
    background-repeat: no-repeat;
}

Answer 1

看起来您正在使用 HTML5 header 标记，该标记在 IE 9 之前的版本中不受支持。您可以使用 Modernizr 等 polyfill 脚本添加对该标记的支持，或将 header 标记更改为 div