HTML5标题元素不显示背景图像

ton*_*ega 6 html css html5 internet-explorer

我正在开发一个新的HTML5模板.我<header></header>在页面上使用带有简单徽标背景图像的元素.

header{ width:100%; height:100px; background:url(/dev-acn/img/header-logo-bg.jpg) 45px center no-repeat; }
Run Code Online (Sandbox Code Playgroud)

开发页面:http://www.bcidaho.com/dev-acn/index.asp

我可以在PC Chrome,PC FF4和MAC FF5上看到背景图像,但它不会在IE6,IE7或IE8中显示...当我在IE8中打开开发工具时,由于某些原因没有开放<header>元素代码检查器中的</header>标记只是结束标记.

IE是否无法识别该<header>元素,即使我在style.css中定义了属性?(位于:http://www.bcidaho.com/dev-acn/css/style.css)

Ste*_*all 6

您需要包含html5shiv,它将新的语义HTML5元素转换为块级元素,以便IE可以设置它们的样式.这是一个简单的黑客攻击,因此请查看源代码以确切了解它正在做什么.