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标头标签在早于9的IE版本中不受支持。您可以使用像Modernizr这样的polyfill脚本添加对标签的支持，或者将标头标签更改为div

Answer 2

在IE9中它对我来说很好。尝试清除缓存，看看是否能解决问题。这可能只是一个缓存问题。

Answer 3

基于@ GeoffWarren的建议和后续研究，我发现了一个Wordpress插件，可以轻松处理IE8及更低版本中不支持的所有HTML5标签：http://wordpress.org/extend/plugins/html5shiv/对于那些使用WP并体验类似的人头标记有困难，这样可以快速解决问题。

感谢@GeoffWarren和@JamesJohnson的建议和帮助。

为什么我的背景图片没有在IE中显示？

3 个答案: