jquery - IE9 设计困惑

标签 jquery css html internet-explorer

<分区>

我正在开发一个新网站,它使用 jQuery 和 CSS3 元素,并且在 Firefox、Chrome 和其他浏览器中运行良好;然而它在 IE 中并没有变得困惑

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

编辑:如果您将鼠标悬停在“实践人员”或“元素”菜单上,您会注意到设计困惑,底部栏位于顶部,<li> 的其余部分显示在顶部而不是菜单本身,它变得很奇怪,请在 Firefox 和 IE 上检查它以查看区别,顺便说一句,我使用的是 IE9

最佳答案

首先,我会删除这个:

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

没有理由将网站下移以使 IE9 像 IE8 一样工作。在 IE9 上存在一些显示问题,但在您测试后应该可以轻松解决。

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

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

关于jquery - IE9 设计困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10467055/

相关文章:

Javascript 函数未从循环内返回

jquery - 延迟加载图片元素

javascript - 根据语言替换 html 元素的内容

javascript - console.log() 中的反斜杠 '\' 未出现

javascript - Cordova Phonegap Json 请求

html - 文本(特殊 unicode,如 ⇑)在 IE11 中不垂直居中

html - 单击标签在 HTML 中不起作用

html - 在两个 float 元素之间放置流宽伪元素

javascript - 堆叠模式在关闭时滚动主页

javascript - Disqus 的 iframe 如何根据其中的内容自行调整大小?