带有选项卡的网页在 IE 中不显示，但在 Google Chrome 中显示答案

【问题标题】：Web page with a tab that doesn't show up in IE, but does in Google Chrome带有选项卡的网页在 IE 中不显示，但在 Google Chrome 中显示
【发布时间】：2013-10-16 18:58:26
【问题描述】：

我正在开发一个网页www.seefinaviation.com，该网页的顶部有一个标签按钮在线手册...。此按钮在 Google Chrome 中显示，但在 IE 中不显示。

消失仅与认识团队和可用的飞机标签有关。在其他标签中，标签按钮 在线手册... 可见。

另外，在我的桌面上它不会出现在 IE 中，但在我的笔记本电脑上会出现（都使用 Windows 7 和 IE10）。

我已经比较了不同模块中的代码，看不出有什么区别，已经没有想法了。

有人知道为什么会这样吗？

【问题讨论】：

是不是因为浏览器的宽度不允许那个按钮出现。如果您调整浏览器的宽度使其变小，您会看到按钮消失
同一个网站在不同的浏览器中看起来不同是完全正常的。
“在我的桌面上它没有出现在 IE 中”。 “我发现它违背了我的逻辑”。 哦，亲爱的。
在 Internet Explorer 中，该网站还有更多内容无法使用：i.stack.imgur.com/HpIsh.png
感谢您的 cmets，Lee、Hakre 和 Wayne。您能否详细说明“还有更多不起作用……”Hakre？

标签： html css internet-explorer cross-browser

【解决方案1】：

在我的桌面上它不会出现在 IE 中，但在我的笔记本电脑上会出现（都使用 Windows 7 和 IE V 10）

在这种情况下，几乎总是兼容模式导致问题。

请检查您的两个 IE10 浏览器中的 IE 开发工具，并查看浏览器模式。其中一个很可能会陷入 IE7 兼容模式。由于浏览器配置，这很容易在 IE10 的一个副本中发生，而不是另一个。

尝试添加

<meta http-equiv="X-UA-Compatible" content="IE=edge">

...到你的 HTML 头。这应该会强制它始终使用最佳渲染模式，并避免兼容模式。

希望对您有所帮助。

【讨论】：

【解决方案2】：

最后一个li 元素不适合同一行并转到新行。但是它是不可见的，因为它的父 <div id="navigation_menu"> 具有固定的高度。如果你删除

height: 60px;

从#navigation_menu 你会看到最后一个li 出现在新行中。要将其与其他人放在同一行，请更改lis 的样式，以便它们都可以适应标准分辨率。此时他们需要 1263px 以适合一行。

【讨论】：

你对宽度是正确的。我决定只是缩短选项卡中的措辞，这将解决问题，直到我必须放入一个新选项卡。调整高度确实将它放在了一条新线上，但还需要进行一些其他调整才能让它再次看起来很漂亮。谢谢你的解释。