css - 悬停时带有 ajax search pro 重叠页面的 Wordpress 大型菜单下拉菜单

Question

我有一个 Wordpress 子菜单菜单项 (menu-item-35534)，每当您将鼠标悬停在子菜单将出现的区域上时，它就会出现 - 而只是当您将鼠标悬停在顶部菜单项上时。我很确定问题出在 Ajax Search Pro 搜索按钮 div 上。我试图在悬停时将其删除，但它只是始终将其删除。当我将鼠标悬停在超级菜单 (menu-item-28449) 上时，我需要它出现，但在超级菜单折叠时不需要。这是我尝试过的，但没有像我提到的那样工作。

#ajaxsearchprobsetting7_1.searchsettings 字段集，#ajaxsearchprobsetting7_2searchsetting 字段集，div.asp_sb.asp_sb_7.searchsettings 字段集 a:hover{ display:none; }

这是我的菜单的基本结构：

关于 关于 行业 职业 办公室

<li id="menu-item-28449" class="mega-menu menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-28449 mega-menu-parent mega-menu-parent-2"><a href="">PEOPLE</a>
    <ul class="sub-menu">
        <li id="menu-item-35534" class="menu-search-ajax menu-item menu-item-type-gs_sim menu-item-object-gs_sim menu-item-35534"><div class="asp_w asp_m asp_m_7 asp_m_7_1 wpdreams_asp_sc wpdreams_asp_sc-7 ajaxsearchpro asp_main_container asp_non_compact hiddend hasASP" data-id="7" data-name="Professionals duplicate" data-instance="1" id="ajaxsearchpro7_1">

        </li>

        <li id="menu-item-35318" class="people menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-35318"><a href="#">Search by Last Name</a>
    <ul class="sub-menu" style="">
        <li id="menu-item-35312" class="az-submenu menu-item menu-item-type-taxonomy menu-item-object-abc_letters menu-item-35312"><a href="">A</a></li>
        <li id="menu-item-35313" class="az-submenu menu-item menu-item-type-taxonomy menu-item-object-abc_letters menu-item-35313"><a href="">B</a></li>
        <li id="menu-item-35319" class="az-submenu menu-item menu-item-type-taxonomy menu-item-object-abc_letters menu-item-35319"><a href="">C</a></li>

    </ul>
</li>

标签： csswordpresspluginsmenuoverlap