IE 的菜单覆盖定位问题答案

【问题标题】：Menu overlay positioning issue with IEIE 的菜单覆盖定位问题
【发布时间】：2009-08-02 03:29:01
【问题描述】：

我正在构建的网站上有一个弹出菜单。我正在使用嵌套在 LI 中的 UL。在 Firefox 中它运行良好，但 IE 破坏了它。（到目前为止，Pants & Shorts 链接是唯一一个带有弹出按钮的链接）

这里是网站（正在进行中，所以还不是全部）： http://epalla.com/bogeypro/featured/covert-cooler.html

如果我设置：

.bogeypro_catmenu ul li {
position: static;
}

子菜单在 IE 中确实可见，但在 IE6 中它飞到页面顶部（绝对定位不相对于 LI），在 IE7 中它仍然没有飞到产品图像上方。

有什么想法吗？

【问题讨论】：

嗯，如果浮出控件在 IE7+ 中工作，我会认为它在 IE6 中不工作。我将位置更改为静态，以便您可以通过产品图像更好地看到它在 IE7 中所做的事情（以及它在 IE6 中是如何中断的）。不幸的是，仅仅告诉 IE 用户搞砸真的不是一个选择。

【解决方案1】：

【讨论】：

【解决方案2】：

事实证明，IE7 对不透明度过滤器进行了转储。我从头开始，从头开始重做一切。我让它在两个浏览器中都能正常工作，并且想知道我做了什么不同的事情 - 然后我重新添加了不透明度过滤器，瞧，重复的结果。

我删除了 IE 不透明度线（如下），一切正常

filter:alpha(opacity=92);

【讨论】：