2010-09-08 62 views
1

好吧,你上次解决得这么快。我已将我的子列表更改为水平显示,但是当我移开父<li>时,我的子列表消失。为什么我的名单不见了。 AGAIN

http://www.mymediaventure.com/galleries.php。这发生在定价和图库标签上。

上次这是一个Z索引问题,<h1>比子列表高,但现在不是这样了。谢谢。

+0

对于任何人想知道:这是原始线程:http://stackoverflow.com/questions/3648465/css-dropdown-menu-disappears-when-mouse-moves-off-of-li – Tomalak 2010-09-08 20:37:07

回答

2

我可以告诉你为什么它不起作用。这是因为仅当光标悬停在选项卡中的锚点元素(即定价和画廊)上时才会显示子列表。我在一堆网站上看到了这个功能,所以我知道它可以完成。如果你知道一个,你可以尝试在Firefox上使用Firebug来看看它是如何完成的。

这是a site使用弹出式窗口,虽然它是基于表。

经过我们的讨论,我认为我有修复。在下面的CSS元素中,我将高度从25px改为30px。

#primary_navigation ul#menu li#active a.r span.l span { 
background:url("../images/tab_body.png") repeat-x scroll 0 0 transparent; 
height:30px; 
padding-top:5px; 
} 

我试过26-29,他们没有工作。较大的高度将悬停区域向下延伸5个像素,以便与子菜单接触。如果没有,则在进入子菜单之前离开了悬停区域。

+0

正如我所说,我有一天这个问题,(见其他线程)。它附在列表项上,而不是锚。所以移动到子无序列表应该仍然意味着在列表项中。 – 2010-09-08 21:19:06

+0

我在添加链接之前做出了回应。我认为它曾经工作过。当我使用Firebug将光标移动到“画廊”时,当光标进入时子菜单显示:。它不是固定的,只是一个观察。 – curt 2010-09-08 23:12:41

+0

我通过将CSS中的最后一个元素更改为'#primary_navigation ul#menu li.drop:hover'来获取要粘贴的子菜单。坏消息是,打破了标签的激活。我在Firebug做了改变。如果您更改了真实的CSS,它可能会正常工作。 – curt 2010-09-08 23:22:25