在IE6或IE7中无效的下拉菜单在Firefox中运行良好

时间:2009-01-21 06:36:29

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

我在我开发的网站上遇到了一个菜单。 http://charlienutting.com

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

真的很感谢有人可以提供帮助。 现在已经一周了解这个..

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

4 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

启动script debugger并查看c.maxh的值是什么。

答案 2 :(得分:0)

首先让我说你有设计师的才能:)

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

http://docs.jquery.com/Effects

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

您的网页使用的是doctype,但未验证。

哦 - 现在是2009年,BTW:D(见版权)

提示:

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

答案 3 :(得分:0)

尝试设置doctype。我知道我过去曾遇到过没有正确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">