下拉菜单在 IE6 或 IE7 中不起作用在 Firefox 中可以正常工作答案

【问题标题】：Dropdown menu not working in IE6 or IE7 works fine in Firefox下拉菜单在 IE6 或 IE7 中不起作用在 Firefox 中可以正常工作
【发布时间】：2010-10-02 15:08:33
【问题描述】：

我在自己开发的网站上遇到了菜单问题。 http://charlienutting.com

如果您将鼠标悬停在顶部菜单栏的图库上，它应该会显示一个下拉菜单。它在 Firefox 中运行良好，但在 IE6 和 IE7 中很糟糕。

如果有人可以提供帮助，我真的很感激。大约一周来解决这个问题..

编辑- 但是，如果您可以看到可以单击的下拉链接，但这些链接是不可见的。

【问题讨论】：

完全偏离主题，但是，喜欢这个设计，非常优雅！我喜欢你使用 data-uris 所看到的 :) 使用 javascript 而不是 Flash 淡化图像也是令人钦佩的。
在您的网站上增加流量的好技巧.. 做 SEO。呵呵

标签： css internet-explorer-6 internet-explorer-7 drop-down-menu

【解决方案1】：

尝试设置doctype。我知道我过去在没有正确文档类型的情况下遇到悬停事件的问题。您当前的页面将 Internet Explorer 设置为 Quirks 模式。

目前，如果我在 IE9 中将模式设置为 IE7，然后将“文档模式”从“Quirks 模式”切换到“Internet Explorer 7”模式，它们会正确显示。

把它放在你的 HTML 文件的顶部，看看设置你的 doctype 是否能解决这个问题：

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

【讨论】：

【解决方案2】：

首先让我说你有设计师的天赋:)

但是，该网站的代码存在一些问题。我建议删除该下拉代码并使用 JQuery 的效果库实现您自己的代码（我这样说是因为您已经在页面中加载了 JQuery）。那是浏览器兼容的，所以你不会在 IE 上遇到这些问题。

http://docs.jquery.com/Effects

接下来，您的标题会在图库、简历和联系人之间更改大小。您可能希望得到修复。此外，简历页面的链接在 FF 3.4 中的位置很奇怪......最好不要使用绝对定位来制作它们。您可以通过混合使用“float : right”和“position : absolute”（但不设置“left”或“top”属性）来实现这一点:)

您的页面正在使用文档类型，但未验证。

哦 - 现在是 2009 年，顺便说一句：D（请参阅版权）

提示：

(C) 2008 - <?php echo date("Y"); ?>

【讨论】：

【解决方案3】：

我猜是透明度问题。也许 js/dropdown.js 中的行看起来像

c.style.filter = 'alpha(opacity=' + ( 100 / c.maxh) + ')';

启动script debugger 看看c.maxh 的值是多少。

【讨论】：

我之前没有使用过“脚本调试器”。我现在试过了。但想不通。但在 Firebug 中，我可以看到不透明度的正确值 :( 但我也怀疑这是一个不透明度问题。但如何弄清楚？我完全被卡住了

【解决方案4】：

当你在 IE 中调试它时发生了什么？你看到了什么错误信息，你尝试了什么？

我很乐意提供帮助，但实际上，您还没有描述问题。

【讨论】：

您好，没有错误信息。只是在IE中看不到菜单下拉菜单，在firefox中可以看到下拉菜单。