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

前端之家收集整理的这篇文章主要介绍了HTML5标题元素不显示背景图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个新的 HTML5模板.我正在使用< header>< / header>页面上的元素与简单的徽标背景图像.
header{ width:100%; height:100px; background:url(/dev-acn/img/header-logo-bg.jpg) 45px center no-repeat; }@H_404_3@ 
 

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

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

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

解决方法

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

猜你在找的HTML5相关文章