php - IE 的 Wordpress 标题和子菜单样式受挫

Question

我正在为一个 Wordpress 网站设计一个新主题。大部分已经完成(剩下一些小的调整)，但我在 IE 顶部的菜单上遇到了重大问题。它不会居中，子菜单在主页上堆叠得很奇怪。在其他页面上，它居中很好，子菜单堆叠在右边，但被推到右边。这让我很沮丧，因为主页上菜单的代码和 css 与其他所有页面完全相同

当然，它在除 IE 之外的所有其他浏览器中都可以正常工作。

这是网站:http://www.xylemwsus.com

这是主题的 github 存储库:https://github.com/kilokai/Xy-Microsite-new-theme

所有页面调用相同的页眉(副本只是旧页眉)和页脚:header.php 和 footer.php

主页调用page-home.php 作为模板页面。在“我们的品牌”下，这 6 家公司都将 _landing-company.php 作为模板并调用 sidebar.php。产品页面(公司页面边栏中的链接)都调用 _product.php。

Answer 1

IE 正在进入 Quirks 模式，因为在 Doctype 声明之前输出了以下代码；

<span id="homepage-flag" style="display: none"></span>

摆脱它并从那里拿走它。