javascript - jQuery 和 CSS 下拉、悬停和下拉消失

标签 javascript jquery html css drop-down-menu

<分区>


关闭 7 年前

我看到很多人都问过这个问题,但我发现的都没有帮助。我有一个在列表链接悬停时显示的下拉菜单,下拉菜单中的第一个链接悬停没有问题。但是,当我将鼠标悬停在第二个链接上时,下拉菜单消失了。我不明白我做错了什么。

在此输入代码 http://jsfiddle.net/yoq0wyds/

最佳答案

删除您应用到 ul 元素的硬宽度。

#cssmenu > ul li.has-sub ul {
    text-align: left;
    display: none;
    /* width: 24px; */
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #ffffff;
    border: 1px solid #ece6e8;
    border-bottom: 3px solid #d9ced2;
    border-top: 0 none;
}

Function example

关于javascript - jQuery 和 CSS 下拉、悬停和下拉消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32173785/

上一篇:javascript - iOS 毛玻璃效果使用 CSS 实现页面内容

下一篇:php - div 在 php 中 while 循环

相关文章:

响应窗口大小的 jquery 可调整大小的栏

javascript - 在javascript中下载canvas时出现"Not allowed to navigate top frame to data URL"

javascript - express-session req.session.touch 不是函数?

jquery - 使用按钮水平滚动 div

javascript - 在 IOS 中进行用户交互之前,Ajax 调用无法正常工作

javascript - jQuery 不适用于动态生成的 div

JavaScript 类内存使用

javascript - Backbonejs fullcalendar v2 从本地存储加载事件

html - 白色边框未显示(css)

html - 为 Angular [Elements] 小部件隔离/范围所有 SCSS 样式的最简单方法是什么?