css js 下拉菜单会突然消失之谜

Posted 雾恋过往

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css js 下拉菜单会突然消失之谜相关的知识,希望对你有一定的参考价值。

问题背景

          做网站用到了下拉菜单,but 我每次要点子菜单时,老是出现下拉菜单消失的问题

在这里插入图片描述

原因

          子菜单和上面导航栏有个小空白,每当我鼠标经过小空白的时候瞬间就离开了上面的父元素导航栏。所以就消失了

在这里插入图片描述

我的下拉菜单结构

在这里插入图片描述

办法

          把 li 下面的 ulmargin-top 设置成0 ,消除小空白

在这里插入图片描述

结果

          学术研究就是改过的,完全没有问题了,二旁边的没改过就有空白,会出现消失情况

在这里插入图片描述

以上是关于css js 下拉菜单会突然消失之谜的主要内容,如果未能解决你的问题,请参考以下文章

下拉菜单消失前的延迟

IE7中下拉菜单不断消失,菜单项被图片覆盖

js+css+html制作下拉菜单

下拉菜单在悬停时消失(Firefox)

Css 下拉菜单 - 悬停消失

用原生JS实现的一个导航下拉菜单,下拉菜单的宽度与浏览器视口的宽度一样(js+html+css)