jQuery 隐藏 IE 混乱

Question

谁能告诉我为什么当您单击“联系”时会出现隐藏和显示框？

他们只在 IE 中这样做。我似乎无法解决这个问题。

这是网站：http://molossi.psm2.co.uk/

谢谢:)

编辑： 这里是 IE 上的一个问题的图片。这是在我单击“联系”后拍摄的取消。我已缩小到 75% 以捕捉更多内容。

Answer 1

当我在 IE 中测试链接时，它对我来说工作正常...我认为这个 css 导致了问题：

/*Win IE browsers - hide from Mac IE\*/
* html #main-nav { margin-top:20px; }
* html #main-nav li { display:inline; float:left; }
/*End hide*/

当您单击“联系人”时，它会在导航栏下方显示一个 div，当您取消时，它会在外部加载一个单独的 div导航栏 div。因此，在您的浏览器中，导航栏和外部 div 之间的切换并没有按应有的方式发生。

尝试集中精力于 css 的 main-nav 属性。也许行高或边距顶部或高度导致了这种情况。

Answer 2

您需要添加文档类型才能使用标准模式，并且应该验证您的 HTML 和 CSS：

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmolossi.psm2.co.uk%2F

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fmolossi.psm2.co.uk%2F