在FF和IE8中看起来很不错。我试着在底部用圆角创建下拉列表:www.geowinedb.org/drop-down-test/test.html。在IE6中,巨型div
延伸到窗口的最左边缘。我需要更改/添加(例如下划线黑客)以使下拉列表收缩包装其内容(ul
)。
P.S。我将回过头来询问阻止下拉列表的z-index
问题(IE6再次出现),但如果有人想回答这个问题,我将非常感激。
EDIT 20091107:有关要求的更多细节:它必须在IE6 +中工作,下拉菜单不能固定宽度。客户希望能够随意更改菜单项文本并自动获得下拉大小。
编辑20091111:我从来没有找到一个很好的解决方案。菜单以及悬停更改的其他一些要求意味着JavaScript是必要的。所以,我发现我可以将每个主菜单项置于绝对位置,然后将每个子菜单div
置于绝对位置(这解决了z-index
问题),最后我计算了基础{{1}的宽度并设置外部ul
宽度。然后圆角在我需要的所有浏览器上正确定位。
答案 0 :(得分:0)
是否有必要为您的UL使用固定宽度(也可能是UL.mega-b
)?因为这样你肯定会避免这个问题。
display:block
也可能是导致此问题的原因。