下拉菜单干扰其他标签

drop-down menu disrupts other tags

本文关键字：标签 其他 干扰 下拉菜单      更新时间：2023-09-26

我正在制作一个带有下拉菜单的导航栏(稍后将添加另一个)。当下拉菜单被按下时，它会将所有导航链接向右移动。期望的行为是所有的导航链接都是静态的。我尝试在div上使用fixed，在li标签上使用absolute css，但I.E.会在父div之外呈现li标签。

我目前的实现是使用float:left，但这也没有产生预期的结果。下拉菜单上标着"慰藉"任何帮助或建议都是感激的。我已经创建了一个演示来说明我的问题。http://jsfiddle.net/xbB4M/1/。

还有一个附带问题。如果这需要一个新的帖子，请让我知道，我会打开一个新的问题。当用户单击下拉菜单时，如何侦听下一次鼠标单击以关闭下拉菜单?

如果你给你的.menu类一个absolute位置，它应该阻止其他菜单项向右滑动。至于你的第二个问题，如果你检查工作示例，我为菜单项添加了另一个单击事件处理程序，如果它们被单击，它将关闭菜单。

试一试:

.menu {
    margin-top:10px;
    background-color:#17406B;
    position: absolute;
}

工作示例:http://jsfiddle.net/fewds/xbB4M/5/

相关文章：