在 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 在我需要的所有浏览器上正确定位。
最佳答案
为您的 UL 使用固定宽度是否麻烦(也许还有 UL.mega-b
)?因为这样你肯定会避免这个问题。
display:block
也可能是造成这种情况的原因。
关于html - 带圆 Angular 的 IE6 收缩包装,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1691731/