如何修复 IE6 中的这个样式错误？答案

【问题标题】：How can I fix this styling bug in IE6?如何修复 IE6 中的这个样式错误？
【发布时间】：2009-12-13 10:43:32
【问题描述】：

我有一个使用 Joomla 为客户部署的网站，并且很多访问者都在使用 IE6。客户告诉我，当有人进行搜索并且可以选择更改顺序或页数时，存在样式错误。当他们到达该屏幕并将鼠标悬停在顶部导航栏中的“商店”菜单项上时，菜单会显示在在下面的下拉列表中。

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

【问题讨论】：

【解决方案1】：

:-(

这是 IE6 中众所周知的 CSS 错误。 AFAIK 解决方法（这太可怕了，保护你的眼睛）是在你的菜单下面放一个 IFRAME，这样 IFRAME 就可以掩盖不正确的 z-indexed SELECT。太可怕了。

但是 JQuery 一如既往地来拯救你：

【讨论】：

@Dave 不会碰巧有一个等效的 MooTools 吗？由于我正在运行 Joomla，如果我可以在他们已经使用的库上存钱，那就太好了。
@Dave 我已经实施了您建议的修复程序，但仍然无法正常工作。我打电话给 jQuery('#nav').bgiframe();我可以看到它添加了 iframe，但下拉列表仍显示在其上方。
@Dave 我解决了这个问题。菜单系统是用 UL 完成的，所以我需要将 iframe 添加到 UL 列表中，当用户将鼠标悬停在它上面时将被下拉。

【解决方案2】：

不是 Z 索引问题。这是一个讨厌的 ie6 错误，总是在所有内容之上呈现选择框。

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

【讨论】：

@Triptych 我正在使用 Dave 建议的 jquery 插件尝试 iframe shim，但它仍然无法正常工作。我已经在 nav div 中添加了 iframe，认为这样做可以，但也许我将它添加到了错误的位置？