2012-04-11 115 views
1

我不确定哪里可以开始解决这个问题,所以我希望这里有人具有或理解浏览器兼容性,并可以帮助我解决这个问题。请参阅我所有代码的jsFiddle.net示例。Internet Explorer 8及以下版本问题

jsFiddle.net example

我我在Firefox 11+现场的机器上运行此代码和它的作品太棒了。我在Internet Explorer 9中运行相同的代码,它运行得非常好。我将文档模式切换到IE8并开始失败。

这里有一些图片显示什么我谈论:

此外,在IE7标志被推一路下来看到IE7的例子。这也适用于Safari,图像不提供。

IE9 IE9 IE8 IE8 IE7 IE7 FF11 + FF11+

+0

问题那也许是因为你能告诉我们什么失败。图像是没有意义的 – Ibu 2012-04-11 18:21:53

+0

我不确定图像没有意义,但我会在文本中解释。 IE7悬停在菜单上不起作用(如在IE7图像中可见),标志也被推下。在IE8中,徽标是正确的,但悬停在菜单上不起作用。在IE9中,它的工作原理和标识是正确的,图像显示。它在FF11 +中显示它也正常工作。 – 2012-04-11 18:25:02

回答

2

我更新了jsfiddle。问题似乎是您的:first选择器在IE8中不起作用。我不确定为什么你需要:first选择器,因为每个菜单项下面只有一个ul,但也许我错过了一些东西。如果您删除:first选择器,它工作正常。

+0

我现在看到,这是不需要的,这使得它在IE7 +中工作。现在剩下的唯一问题是徽标被推得很远(在IE7图像中看到)有关于此的任何想法? – 2012-04-11 18:29:55

2

你的第二个问题:标志

这里看看 jsfiddle

放DIV ID =前跨度明确的两个,即内容具有与

+0

现货,非常感谢! – 2012-04-11 19:25:27

+0

因为我得到了复选标记,我想我会为你投票第2部分:) – 2012-04-11 19:29:12

+0

@帕特里克林格曼信仰在人类恢复:)) – riso 2012-04-11 19:31:16