css - 经 W3C 验证的 HTML5(适用于 Chrome、Firefox、Safari) IE8 黑屏

标签 css html internet-explorer-8

晚安。

我已经创建了一个基本的 HTML5 网站。它在 W3C 验证器中进行验证。它似乎在 Chrome、Safari、Firefox 等中运行良好。但是,在 IE8 中打开页面时,我只是看到黑屏。

可以在 www.soultrainer.co.uk 找到该站点

我以为我漏掉了括号之类的东西。但是,我在错误控制台中收到 0 条错误消息,并且查看代码我看不到任何错误。

如有任何帮助,我们将不胜感激。

附言我还可以在 IE8 开发人员工具中查看文档树。

谢谢,
加里

最佳答案

如果您查看 IE 是如何决定使用开发人员工具解析此页面的,它会将所有内容都放入头部,而将主体留为空节点。

这是因为你打开了你的头部,但从未关闭它 ;) 移除打开的头部(以及你没有开口的关闭主体)应该解决这个问题,如果没有,只需将头部内容包含在头部和主体内容中在 body 里:)

一个有用的工具(仍然不是 100% 完美)是 HTML Lint工具。它不喜欢您当前的结构,但是如果我将它复制到“Lint By Direct Input”选项卡中,并删除 head 和/body 标签,那就没问题了:)

关于css - 经 W3C 验证的 HTML5(适用于 Chrome、Firefox、Safari) IE8 黑屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3981701/

相关文章:

html - p :layoutUnit ignore the margin-top

html - div 顶部的对 Angular 线

javascript - 无法在部分下显示内容

javascript - 是否可以在 OctoberCMS 的 If 语句中使用 URL 参数?

css - 在 IE8 中强制显示垂直滚动条

html - 在 IE7/8 中从外部目标拖动时防止文本选择

Javascript 日期范围 slider 在 Chrome 中工作,但在其他浏览器中不起作用?

jquery - 如何使用CSS根据图像的宽度响应式地设置按钮的宽度

html - 工具提示扩展框

javascript - 跨浏览器更改 A 标签的 HREF