Question

我正在开发一个新网站，它使用的是jQuery和CSS3元素，它在Firefox，Chrome和其他浏览器中运行良好;然而，它并没有在IE中搞砸了

我网站的链接是http://www.sy-architects.com/test。可以看一下吗？我怀疑它与底部菜单和<ul>标记有关，但我不确定。

编辑：如果你在菜单练习人或项目上鼠标悬停，你会发现设计搞砸了，底部栏位于顶部，<li>的其余部分显示在顶部而不是菜单它本身就变得很奇怪了，请在Firefox和IE上检查它以查看差异，我正在使用IE9

Answer 1

首先，我会删除它：

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

没有理由将网站移动以使IE9像IE8一样工作。 IE9上存在一些显示问题，但一旦测试就应该很容易解决。

其次，你应该validate the HTML，有16个错误，其中一些是布局问题（元素没有关闭，特别是在导航菜单中很多LI没有正确关闭。虽然并非所有都是严重的，布局问题可能会导致崩溃，尤其是在解析引擎较差的旧浏览器中（如IE7）。

除此之外，我没有看到IE7中的任何崩溃，只是布局问题。修复HTML标记应该对修复布局有很大帮助。