防止绝对定位嵌套的ul在悬停在外部之前关闭

文章/答案/技术大牛

发布

1回答

jquery、css

我有一个导航菜单，最后一个li包含一个嵌套的ul，用于显示下拉菜单。我想要做的是在父级li的鼠标悬停时显示嵌套菜单，并在您离开菜单时隐藏在中。我现在面临的问题是，只要你尝试将鼠标移到子菜单中，菜单就会开始闪动。我认为这是因为子菜单的绝对位置。我该如何解决这个问题？ $(this).find('ul').slideUp(); }

浏览 8提问于2017-12-09得票数 0

回答已采纳

2回答

css悬停影响无关元素

html、css

当用户在主菜单中的项目上盘旋时，我试图显示一个相关的子菜单。我的问题是，我需要一个共同的父母为悬停选择，以发挥它的魔力，但那似乎是我的造型搞砸了。任何放弃javascript/jquery的建议都会受到欢迎，因为我把它作为一个拐杖来解决我应该单独使用css解决的问题。

浏览 1提问于2015-02-03得票数 0

回答已采纳

1回答

JavaScript (w/jQuery) -当被其他元素包围时，增长元素以在悬停时填充容器

javascript、jquery、html、css

我有一个网格的元素(3 X 3)形成，切换悬停时的可见性，很容易。然而，我的下一步是增长所述元素以填充悬停在其上的容器，我假设我需要获得当前的(x，y)值，然后将其增长到父容器的(x，y)值并使用css定位，然而我采取的每一种方法都会碰壁。我这里有一个演示布局/预期功能的小提琴-- 任何帮助都将不胜感激！

浏览 3提问于2012-08-07得票数 0

2回答

使用纯CSS创建下拉列表

javascript、jquery、html、css

上面是一张我想要完成的事情的图片。我想远离引导，只需要使用纯css来完成这个任务。如果您展开我的jsfiddle预览，它看起来会更好，因为由于我定义的css，"navbar“被移到了另一行，但本质上显示的是相同的内容：} color:black;} #navsman

浏览 5提问于2016-01-19得票数 0

回答已采纳

3回答

绝对定位元素相对于转换元素的位置

css、css-position、transform、css-transforms

我重新创建了一个在模板中遇到的问题。有一个导航，它有position: relative;。在导航中，有一个嵌套了两个列表的div。当绝对和相对定位元素之间的div获得转换属性时，绝对列表相对于div而不是导航定位。不要为元素留出空间。相反，将其放置在相

浏览 4提问于2016-04-21得票数 3

回答已采纳

1回答

在IE9中不保持打开的下拉悬停

html、css、internet-explorer、drop-down-menu

我发誓，我已经做了这么简单的事情下降了一百万次，但出于某种原因，IE9不愿合作。如果你在Chrome上测试它，它会工作得很好，但是转到IE9，下拉器就不会在悬停时保持打开。一开始，我以为我是在添加伪类:悬停到错误的元素上，因为它看起来好像没有捕捉到<li>，但我不认为是这样。在我的代码中，您会注意到我的子菜单ul没有显示，稍后我告诉它，当它被悬停以显示其子菜单ul时。它

浏览 2提问于2014-04-04得票数 0

回答已采纳

3回答

使用html css的子菜单对齐方式

html、css

首先，我只是一个web开发的初学者。我在一个有水平主菜单和垂直子菜单的网站上试了试。一段时间以来，我一直在尝试这样做，并一直在寻找一些解决方案。但到目前为止还不能解决这个问题。-- end of menu --> overflow:hidden; vertical-align:middle

浏览 0提问于2013-06-05得票数 0

回答已采纳

4回答

CSS下拉菜单未出现

html、css、drop-down-menu

我一直在做这方面的工作，我认为有些事情是相互矛盾的。我不能让下拉菜单真正起作用。我认为btn-acc上的悬停可能是矛盾的，但是当我删除它时，它似乎没有帮助。下拉菜单，目前没有正确的格式化，我想我会格式化，当它实际工作。当我悬停在帐户按钮上时，有什么帮助可以让列表弹出吗？<div id="fb-root"><span class="panel"> <ul class="main&q

浏览 4提问于2015-02-09得票数 0

回答已采纳

4回答

跨浏览器href内部href？

html、css

我的css看起来像在下面}<ul class="someclass"> <innertest.html"><div style="display:inline; float:left;">inner test</a> &l

浏览 2提问于2010-09-08得票数 4

回答已采纳

1回答

构建在IE7中工作的垂直嵌套CSS菜单

javascript、html、css、layout

只使用CSS (和JS来应用:悬停样式)，构建水平下拉嵌套菜单的最佳方法是什么？<nav> <li> <ul</

浏览 0提问于2011-01-04得票数 0

回答已采纳

2回答

在仅css菜单中添加第二个子级菜单时出现问题

html、css、menu

好的，我已经在这方面做了一段时间了，并且让我的菜单正确地显示给父母和孩子。但我正在尝试添加第二级的孩子，我不能让他们显示。我认为这是添加正确的css并在其前面添加额外的UL LI的问题。

浏览 3提问于2013-11-19得票数 0

2回答

将延迟添加到水平下拉、垂直滑出- jQuery

jquery

我需要防止我的下拉项目在我快速悬停在项目上时“卡住”，所以我的想法是添加一个延迟，以防止子项在你悬停一段时间之前悬停在外面。我设置了一个标准的嵌套无序列表，用CSS设置样式，用jQuery显示/隐藏，代码如下。除此之外，我还想在最后一级的物品上增加一个隐藏延迟。由于第二个ul和最后一个ul之间的"join“

浏览 1提问于2011-08-24得票数 0

1回答

绝对定位css与高度100%的元素？

jquery、css

我的元素绝对定位在页面上，但在这些元素中，我将嵌套动态内容。如果内容增长，我的外部元素是绝对定位的，这样它们就不会移动并阻碍内容。这有什么窍门吗？我能让jquery在我定位的元素的‘顶部’添加一些像素来偏移#ContainerDiv吗？

浏览 3提问于2011-12-08得票数 0

回答已采纳

1回答

如何使UL LI在绝对定位的容器中正确悬停？

html、css

我在一个绝对定位的div中有一个无序列表。我试图在单个li元素上做一个悬停效果，但它根本不起作用。仅当光标位于li的文本上方时，才会触发悬停效果。这是响应式设计布局中最宽的部分，悬停工作得很好，直到最宽的状态，为了设计考虑，我必须将包含的div切换到绝对位置，我已经运行了许多实验，它总是在没有绝对定位的

浏览 1提问于2013-09-28得票数 0

1回答

为什么我的dropdown位置不会改变？

css、drop-down-menu、css-position

我将下拉菜单的ul.children设置为left:-25px;参考链接：

浏览 0提问于2012-10-09得票数 1

回答已采纳

1回答

为Internet视图调试CSS

css、debugging、internet-explorer

我使用CSS来显示和隐藏嵌套的UL来模拟没有js的下拉导航。它在大多数浏览器中看起来和工作都很棒，但IE的某些版本除外。我几乎一整天都在试图找到解决这个问题的方法，尝试着我相信的每一种解决方案的组合。问题:当您在主导航上悬停时会出现UL (左:0；在悬停)。列表项没有背景颜色，因此您可以覆盖现有的导航，并且可以同时看到两者。如果有人能解释这一行为，我欢迎在这一点上提供任何帮助或

浏览 1提问于2011-12-13得票数 0

1回答

在FF和IE8中，事情看起来很好。我有一个下拉列表的模型，我试图在底部创建圆角：。在IE6中，mega div延伸到窗口的最左边。我需要更改/添加什么(例如，下划线hacks)才能获得收缩包装其内容( ul)的下拉列表。编辑20091107:关于要求的更多细节:它必须在IE6+中工作，下拉菜单的宽度不能固定。客户端希望能够随意更改菜单项文本，并自动显示下拉菜单的大小。编辑20091111:我从来没有找到一个

浏览 2提问于2009-11-07得票数 1

1回答

如何创建类似于Lowes.com的导航系统？

jquery、html、css、submenu

我正在为我的雇主设计一个菜单系统，他们想要一个类似于Lowes.com的菜单系统。当你点击商店，一个div打开一个子导航与悬停不同的瀑布。所有这些都包含在1 div中。我一直在努力让这个在我现在的网站上工作。我在这里设置了一个JSFiddle：我已经尝试了固定，这只是让它停留在那里，即使当你滚动和菜单将横跨所有的网页和固定将需要更改每次，所以它将无法工作。所以我对社区的问题是，我如何为我的网站建立一个菜单系统，就像在Lowes.co

浏览 1提问于2015-12-16得票数 0

回答已采纳

2回答

难以将我的菜单变成下拉菜单

html、css、menu

刚设计完我的第一个菜单样式左导航栏。有没有可能在没有javascript的情况下使此菜单在悬停时具有下拉效果？我发现的大多数答案对我都不起作用，因为我可能使用了错误的代码来构建一个真正的菜单。在这个例子中，范畴"Heren armbanden“是主要的范畴。它下面的6类当悬停在"Heren armbanden“上时应该是下垂的。希望有办法让这件事成功。欢迎任何建议！

浏览 2提问于2014-07-29得票数 1

回答已采纳

2回答

CSS3以获取嵌套<ul>中顶层列表中的最后一个<li>

css、css-selectors

我有一个嵌套的列表： <li>Item</li> <li>Item</li> <ul> <li>Last Item</li> </ul<

浏览 1提问于2012-07-03得票数 3

回答已采纳

点击加载更多