Internet Explorer 中的导航栏消失答案

【问题标题】：Navigation bar disappears in Internet ExplorerInternet Explorer 中的导航栏消失
【发布时间】：2013-08-28 21:35:48
【问题描述】：

我最近完成了我的第一个定制的 Wordpress 网站，基于 Automattic 的 Toolbox 主题，并且正在对其进行测试。我在使用 IE 6-8 时遇到了一些我以前从未遇到过的奇怪问题 - 整个导航栏，包括背景颜色，都消失了，只留下了徽标。没有任何导航链接显示，在小屏幕尺寸上触发菜单下拉菜单的按钮也没有显示。

网站是http://fpsl.eu，我很难过。我不认为这是一个 JS 问题，因为它在没有 JS 的 Firefox 和 Chrome 中运行良好。工具箱预装了一个 HTML5 shiv，所以我不认为在这方面这是一个兼容性问题......但也许我错了，我不知道如何检查！

（我正在使用 Browserstack 进行测试，实际上我想知道它的渲染是否准确 - 我几个月前广泛测试过的投资组合网站 - www.dearjackalope.com - 现在导致 Browserstack 的 IE 虚拟机挂起，尽管我有除了添加内容之外没有进行任何重大更改 - 我猜这是一个单独的问题，但它让我不确定我的所有网站是否都同时中断，或者只是 Browserstack 喜怒无常！）

【问题讨论】：

标签： css html wordpress internet-explorer cross-browser

【解决方案1】：

我正在 ie7、8 和 9 中检查您的网站(http://fpsl.eu/)。它工作正常。

【讨论】：

【解决方案2】：

1) 修复您的标记代码错误；它们可能不是问题的全部，但请先解决它们：[Invalid] Markup Validation of fpsl.eu - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。开始修复代码错误并重新验证。

2) 您需要本机 IE7+（而不是 Browsershots）来全面测试 IE。找一台 Windows PC 进行测试并使用 F12 dev tools in IE 模拟其他版本。

3) 忘记 IE6；它已经死了。

【讨论】：

我已经修复了验证错误（我以为我已经完成了，但显然没有，有很多错误！）现在除了博客之外的每个页面都可以验证。仍然有同样的问题。我显然需要去寻找一台 PC，我只是有点困惑，因为这是一个奇怪的错误 - 我看不出是什么导致导航背景消失。