背景图片在 IE8 或更低版本中不显示,在我测试过的所有其他浏览器中显示
我整个早上都在研究这个问题,希望有人能看到这个问题,但我错过了。
我为标题设置了背景图像,它在除 IE8 及更低版本之外的所有浏览器中都能正常工作,甚至在 IE9 Beta 中也能正常工作。
这是链接, http://test.medialayer.net/
这是标题的 css,
header {
width: 890px;
height: 90px;
background: #fff url('/images/headerBG.png') repeat-x top left;
margin: 0 0 18px 35px;
padding: 0 0 0 10px;
}
我已经尝试重新排列CSS的顺序但无济于事,这不是()之后缺少的空格,页面上的其他背景图像工作正常并且设置相同,我尝试使用jpg而不是png,制作了一个全新的png,确保它是rgb而不是cmyk,但仍然没有。
我不知道接下来要尝试什么 预先感谢任何看过的人。
查克
I've been working at this all morning hopefully someone can see the problem, I've missed.
I have a background image set for my header, it works fine in all browsers except IE8 and below, even works fine in IE9 Beta.
Here is the link, http://test.medialayer.net/
Here is the css for the header,
header {
width: 890px;
height: 90px;
background: #fff url('/images/headerBG.png') repeat-x top left;
margin: 0 0 18px 35px;
padding: 0 0 0 10px;
}
I've tried rearranging the order of the css to no avail, it's not the missing space after (), other background images on the page work fine and are set up identically, I've tried using jpg instead of png, made a whole new png, made sure it was rgb not cmyk, and still nothing.
I have no idea what to try next,
thanks in advance to anyone who takes a look.
Chuck
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您在 IE9 中打开页面,打开开发人员工具 (F12) 并将文档模式更改为 IE8,您会发现
header
元素的样式未应用。header
元素是 HTML 5 元素,IE8 及以下版本无法识别。If you open the page in IE9, open the developer tools (F12) and change the document mode to IE8, you see that the styling of the
header
element aren't applied.The
header
element is an HTML 5 element, which IE8 and below doesn't understand.IE 8 因
(HTML 5 元素)而卡住。
请参阅此问题以获取解决方法:Internet Explorer 8 支持 HTML 5 吗?
最流行的似乎是 HTML 5 shim。
IE 8 chokes on
<header>
, which is a HTML 5 element.See this question for workarounds: Does Internet Explorer 8 support HTML 5?
The most popular seems to be the HTML 5 shim.