Question

http://immlawyer.wpengine.com/

这没有任何意义。当您在“我们的服务”菜单选项下翻转主页图像时，会出现下拉菜单。更令人困惑的是，如果你翻过右边的第三个人，会出现下拉菜单。只有当您滚动“我们的服务”区域时才会出现下拉列表。为什么整个区域都会导致菜单出现？

注意：我问了另一个关于菜单的问题，但是能够解决这个问题。感谢。

HTML：

ggplot(final, aes(value.x,value.y, colour=grps)) + geom_point()

CSS：

<span class="menu_control">≡</span>
<ul id="menu-main-menu" class="menu">
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-20">
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-21">
<li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-24">
<a href="http://immlawyer.wpengine.com/our-services/">Our Services</a>
<ul class="sub-menu">
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-68">
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64">
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-74">
<li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72">
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-66">
</ul>

Answer 1

查看该页面，您似乎只是在下拉菜单项上将不透明度设置为零。这只会让它们变得透明，但它们仍占用空间，因此可以悬停在上面。这就是为什么如果你将鼠标悬停在它们出现的任何地方。

您可能需要将它们设置为display:none，直到父项悬停。

Answer 2

基本上这里发生的事情是隐藏的很多隐藏的li和ul被隐藏起来，当它们盘旋时，弹出。因此，因为它们是隐藏的，所需要的只是一个鼠标悬停事件供它们显示，它们会显示出来。

CSS菜单 - 下拉菜单上的幻像效果

2 个答案: