CSS 下拉菜单在 IE 8 中不起作用答案

【问题标题】：CSS Dropdown menu doesn't work in IE 8CSS 下拉菜单在 IE 8 中不起作用
【发布时间】：2011-12-13 21:45:47
【问题描述】：

我在 css 中有一个下拉菜单，它在 Chrome、FireFox 中运行良好，但在 IE8 中没有，我还没有在 IE6/7 中检查它。但似乎没有希望了。我的网站HERE。下拉菜单是黑色的。我认为问题在于：悬停，尝试搜索#button .a：悬停等内容......但没有运气。我希望你能帮忙。 css文件是HERE

谢谢楼主

【问题讨论】：

标签： html css internet-explorer internet-explorer-8 internet-explorer-7

【解决方案1】：

问题是您的网站上没有包含doctype。

因为您没有包含文档类型，所以您的页面在 IE8 中以 Quirks mode 呈现：

Quirks 模式是一种使用的渲染模式一些网络浏览器为了保持向后兼容性为老年人设计的网页浏览器或无标准编码一致性。

将这两行添加到文件的最顶部：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

如果您添加那个神奇的 doctype 行，您的下拉菜单在 IE8 和 IE7 中有效。

您应该将这部分代码移动到您的<body> 标记内。

<span style="float:right;margin-top:10px;">
<a href=?lang=vn><img src="img/vn.gif"></img></a> 
<a href=?lang=en><img src="img/us.gif"></img></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
</span>

另外，你可以把它改成这样：

<div style="position:absolute; top:10px; right: 10px">
    <a href="?lang=vn"><img src="img/vn.gif"></img></a> 
    <a href="?lang=en"><img src="img/us.gif"></img></a>
</div>

【讨论】：

@thirtydot，谢谢先生们，我和你的帖子一样，但一切仍然如此，我希望你能再看看我的代码。谢谢各位大佬
它不起作用，因为文件中的第一个字符是反引号（例如：`）。摆脱它，它会起作用。此外，您应该删除文件顶部的空格。
哎呀，这实际上不是一个反引号 - 我的眼睛欺骗了我。您将字节 ef bb bf ef bb bf 作为文件中的第一个字符。这是byte order mark (BOM)。你需要保存你的文件没有那个。
@thirtydot，谢谢各位大佬，我用 Notepad++ 将它保存为没有 BOM 的 UTF-8，但是那个奇怪的字符一直在那里显示。
@thirtydot 谢谢各位先生，我明白为什么 BOM 一直在那里，这是因为它之前有一些 php 脚本，实际上我的页面开头有一些 php 脚本，然后 [ echo $html]，这解释了一切。谢谢你，先生。感谢您花时间。你让我开心。

【解决方案2】：

当这种事情发生时 - 转到工具 --> 兼容模式；并确保它已关闭。我遇到过类似的问题，将其关闭可使我的菜单正常工作（根本不工作）。

【讨论】：