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

I'm stuck with a menu on a site I develop. http://charlienutting.com

我坚持在我开发的网站上的菜单。 http://charlienutting.com

If you hover over the gallery at the top menu bar it should show you a drop down menu. It works fine in Firefox but sucks in IE6 and IE7.

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

Really thankful if someone can help. been about week now to fix this..

非常感谢有人可以提供帮助。已经一周左右来解决这个问题..

edit- however if you can see there are drop down links which you can click, but those are not visible.

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

4 个解决方案

#1

What happened when you debugged into it in IE? What error messages did you see and what have you tried?

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

I'm happy to help, but really, you haven't described a problem yet.

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

#2

I guess transparency issue. perhaps the line in js/dropdown.js that looks like

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

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

fire up the script debugger and see what the value of c.maxh is.

启动脚本调试器,看看c.maxh的值是什么。

#3

First let me say that you have talent as a designer :)

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

However, there are a few issues with the site's code as it is. I would recommend dropping that drop down code and implement your own using JQuery's effect library (I say this because you are already loading JQuery in your page). That is browser compatible so you wont have these issues with IE.

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

http://docs.jquery.com/Effects

Next, your header changes size between Gallery, resume and contact. You will probably want to get that fixed. Also, the resume page's links are positioned odd in FF 3.4... It would be best to make them without using absolute positioning. You can accomplish that by a mix of "float : right" and "position : absolute" (but not setting the "left" or "top" properties) :)

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

Your page is using a doctype, but doesn't validate.

您的页面使用的是doctype,但未进行验证。

Oh - and it's 2009 now, BTW :D (see copyright)

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

hint:

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

#4

Try setting a doctype. I know I've had issues in the past with hover events without a correct doctype. Your current page sets Internet Explorer to Quirks Mode.

尝试设置doctype。我知道我过去曾遇到过没有正确doctype的悬停事件。您当前的页面将Internet Explorer设置为Quirks模式。

Currently if, in IE9 I set my mode to IE7 and then switch the "Document Mode" from "Quirks Mode" to "Internet Explorer 7" mode, they show up correctly.

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

Put this at the top of your HTML files and see if setting your doctype will fix the issue:

将它放在HTML文件的顶部,看看设置doctype是否可以解决问题:

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

#1