下拉菜单在 IE6 或 IE7 中不起作用,但在 Firefox 中工作正常

问题描述 投票:0回答:4

我开发的网站上的菜单被困住了。 http://charlienutting.com

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

如果有人能提供帮助,我真的很感激。 修复这个问题已经大约一周了..

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

css internet-explorer-6 internet-explorer-7 drop-down-menu
4个回答
0
投票

在 IE 中调试时发生了什么?您看到了什么错误消息以及您尝试过什么?

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


0
投票

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

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

启动脚本调试器并查看 c.maxh 的值是多少。


0
投票

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

但是,该网站的代码存在一些问题。我建议删除该下拉代码并使用 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"); ?>

0
投票

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

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

将其放在 HTML 文件的顶部,看看设置文档类型是否可以解决问题:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
© www.soinside.com 2019 - 2024. All rights reserved.