html - 带圆 Angular 的 IE6 收缩包装

Question

在 FF 和 IE8 中看起来还不错。我有一个下拉菜单的模型，我试图在底部创建圆 Angular :www.geowinedb.org/drop-down-test/test.html .在 IE6 中，mega div 扩展到窗口的最左边缘。我需要更改/添加什么(例如下划线技巧)才能使下拉菜单收缩包装其内容(ul)。

附注我会回来询问阻止下拉列表的 z-index 问题(再次是 IE6)，但如果有人也想回答这个问题，我们将不胜感激。

编辑 20091107:更具体的要求:它必须在 IE6+ 中工作，并且下拉菜单不能固定宽度。客户希望能够随意更改菜单项文本并自动设置下拉菜单大小。

编辑 20091111:我从来没有找到一个很好的解决方案。菜单以及悬停更改的其他一些要求意味着 JavaScript 是必需的。所以，我发现我可以将每个主菜单项定位为绝对，然后将每个子菜单 div 定位为绝对(这解决了 z-index 问题)，最后我计算了底层 ul 的宽度并设置外部 div 宽度。然后圆 Angular 在我需要的所有浏览器上正确定位。

Answer 1

为您的 UL 使用固定宽度是否麻烦(也许还有 UL.mega-b)？因为这样你肯定会避免这个问题。

UL 中的

display:block 也可能是造成这种情况的原因。