如何解决IE6中的这种样式错误？

我有一个使用Joomla的客户端部署，并且有很多访问者使用IE6。客户告诉我，有人进行搜索时可能会有样式错误，并且可以选择更改订单或页数。当他们到达该屏幕并将鼠标悬停在顶部导航栏中的商店菜单项上时，菜单将在下面的下拉列表中显示后面的。如何解决IE6中的这种样式错误？

我做了一些研究，发现这在某种程度上可能是关于z-index的IE6错误，但我很遗憾应该如何更改样式表以适当地进行修复。

2009-12-12 Joseph

它还在谷歌浏览器 – 2009-12-12 23:44:23

:-(

这是IE6著名的CSS错误。据我所知的解决方法（这太可怕了，保护你的眼睛）是把一个IFRAME您的菜单下方，这样的IFRAME掩盖的不当Z-索引选择它是如此的很恐怖

但jQuery是这里救援，一如既往：。

2009-12-12 23:47:10

@Dave不会有这样的MooTools等价物吗？因为我正在运行Joomla，如果我可以在他们已经使用的库上轻轻pig would，那就太好了。 – Joseph 2009-12-12 23:52:38

@Dave我已经实施了您建议的修复程序，但仍然无法正常工作。我打电话给jQuery（'＃nav'）。bgiframe（）;我可以看到它添加了iframe，但下拉列表仍显示在它上面。 – Joseph 2009-12-13 02:21:31

@Dave我解决了这个问题。菜单系统由UL完成，因此我需要将iframe添加到UL列表中，当用户将鼠标悬停在列表上时，该列表将被删除。 – Joseph 2009-12-13 02:35:03

不是Z-指数的问题。这是一个令人讨厌的ie6错误，总是在所有东西上呈现选择框。

我相信解决方法是基本上使用一个iframe shim —插入菜单元素后面的iframe。

2009-12-12 23:46:51 Triptych

@Triptych奇怪的看着我使用的是尝试的iframe垫片jQuery的Dave建议的插件，但它仍然不起作用。我已经在导航div中添加了iframe，认为它会这样做，但也许我将它添加到了错误的地方？ – Joseph 2009-12-13 02:29:45

回答