html - 导航栏在 IE6、7、8 中显示不佳，但适用于 9 和所有其他浏览器

Question

[www.tdeltd.net][1]

[1]: http://tdeltd.net是我的网站。导航栏在除 9 以外的所有 IE 版本中均已损坏。所有其他浏览器均能正常显示该站点。经过两天的搜索，我在这里发帖，因为我找不到解决方案。我在 w3c 验证中遇到两个错误，但它们与发生破坏的 header 和导航标签无关。我在头部看到一些与 IE 版本相关的 javascript 指向不存在的文件。我不知道从哪里得到这些。这个设计来自一个模板。 CSS 验证没有错误，所以我不确定应该把重点放在哪里来尝试修复 ie6、7 和 8 问题。

标题的 CSS:

/* Header */
    header {
        height:262px;
        position:relative;
    }

/*===== header =====*/
header nav {
    height:50px;
    background:url(../images/nav-tail.gif) repeat-x left top;
    position:absolute;
    right:49px;
    top:201px;
    width:988px;
}
    header nav ul li {
        float:left;
    }
        header nav ul li a {
            font-size:1.273em;
            line-height:1.2em;
            font-weight:bold;
            color:#fff;
            text-decoration:none;
            display:block;
            padding:17px 20px 14px 20px;
        }
        header nav ul li a:hover,
        header nav ul li.current a {
            background-color:#df5b03;
            border-bottom:13px solid #0065a4;
        }

通过浏览器中的“获取源代码”可以很容易地在网络上看到 HTML。我的挑战是我只有一台 Mac 可供使用，并且必须依靠其他人来提供有关损坏的反馈。任何人都可以帮助指导我解决问题区域或关于为什么这在除以前版本的 IE 之外的任何东西上看起来都很完美的任何潜在想法？非常感谢您!

达里尔

再次感谢大家的帮助。将 html5shiv 添加到 head 部分是一个明确的修复。堆栈溢出很棒!很高兴我注册并发布了。我的问题在一小时内解决了。我花了更长的时间来测试和确认，而不是得到可靠的答案。再次感谢!

Answer 1

你需要的是类似于 html5shim 的东西，这将在 IE(低于版本 8)中启用 HTML5 标签。不过需要 JS...