Html CSS下拉菜单没有'；在Google Chrome中无法正常工作（悬停时子菜单消失）

我遇到了一个小CSS下拉菜单（用于选择语言）的问题，它在Chrome中无法正常工作（在IE和Firefox中也可以正常工作）。当鼠标悬停时，语言选择消失了——但只是有时。似乎真的没有任何逻辑。我将感谢任何帮助

该菜单可在该测试页面的右上角看到：

编辑：我无法解决这个问题，但我决定改用Polyglot语言切换器：

我的CSS：

我的HTML：

选择语言

在子菜单中添加z索引css属性

下拉列表李：悬停{ 显示：内联块； z指数：999999； 右：0px； }

---

这将解决您的问题。

这似乎是新Chrome 43版中的一个bug。它开始发生在我们升级时，以前的v42运行良好。在我们的框架（ExtJSV4.2）中，当我们将鼠标悬停到一个子菜单时，就会发生这种情况；子菜单在主菜单项的

mouseleave

事件中出现，然后消失。我们在Sencha论坛上找到了一个补丁，如果有人遇到同样的问题：

---

这似乎可以纠正问题。

我无法复制该问题，但我想将选择菜单上的

z-index

设置为高值可能会解决您的问题。我已尝试将菜单中的所有内容的z-index设置为99999999，但没有帮助。在我的系统上运行良好。你的chrome版本是什么？我的google chrome版本41.0.2272.101 m也有同样的问题。当我把它降到36级的时候。版本它工作正常（但这个页面在我的41.0.2272.101 m版本上工作正常）我请朋友帮我检查，我们一起尝试了至少十台不同的计算机，有时甚至相同的浏览器版本在一台计算机上工作，但在另一台计算机上不工作——例如41.0.2272.101。

#dropdown {
 width: 110px;
 position: absolute;
 top: 0px;
 right: 0px;
 background: #222;
 font: 13px 'Open Sans Condensed', sans-serif;
 font-weight: 300;
 color: #fff;
 text-decoration: none;
 z-index: 9999999;
}
#dropdown li {
 width: 110px;
 height: 24px;
 float: left;
 background: #222;
 list-style: none;
 font: 13px 'Open Sans Condensed', sans-serif;
 font-weight: 300;
 color: #fff;
 text-decoration: none;
 border: 0;
}
#dropdown li:hover {
 background: #000;
}
#dropdown li a {
 font: 13px 'Open Sans Condensed', sans-serif;
 font-weight: 300;
 color: #fff;
 text-decoration: none;
}
#dropdown ul {
 background: #222;
 display: none;
 padding: 0;
 position: absolute;
 top: 24px;
 float: left;
 z-index: 9999;
}
#dropdown li:hover ul {
 display: block;
}
.globe {
    position: relative;
    left: 6px;
    top: 4px;
}
.choose_language {
    position: relative;
    left: 12px;
    top: 1px;
}
.flag {
 padding-left: 5px;
}
.language {
    position: relative;
    left: 5px;
    top: -7px;
}

      <nav id="dropdown">
        <li><span class="globe"><img src="bilder/hemsida/icon_globe.png" alt="Choose language" title="Choose language"/></span><span class="choose_language">Choose language</span>
          <ul>
            <a href="?p=index&lang=swe" lang="sv" hreflang="sv"><li><span class="flag"><img src="bilder/hemsida/icon_sweden.png" alt="Svenska" title="Svenska"/></span><span class="language">Svenska</span></li></a>
            <a href="?p=index&lang=fin" lang="fi" hreflang="fi"><li><span class="flag"><img src="bilder/hemsida/icon_finland.png" alt="Suomi" title="Suomi"/></span><span class="language">Suomi</span></li></a>
            <a href="?p=index&lang=eng" lang="en" hreflang="en"><li><span class="flag"><img src="bilder/hemsida/icon_england.png" alt="English" title="English"/></span><span class="language">English</span></li></a>
            <a href="?p=index&lang=ger" lang="de" hreflang="de"><li><span class="flag"><img src="bilder/hemsida/icon_germany.png" alt="Deutsch" title="Deutsch"/></span><span class="language">Deutsch</span></li></a>
            <a href="?p=index&lang=fra" lang="fr" hreflang="fr"><li><span class="flag"><img src="bilder/hemsida/icon_france.png" alt="Le Français" title="Le Français"/></span><span class="language">Le Français</span></li></a>
            <a href="?p=index&lang=esp" lang="es" hreflang="es"><li><span class="flag"><img src="bilder/hemsida/icon_spain.png" alt="Español" title="Español"/></span><span class="language">Español</span></li></a>
            <a href="?p=index&lang=ita" lang="it" hreflang="it"><li><span class="flag"><img src="bilder/hemsida/icon_italy.png" alt="Italiano" title="Italiano"/></span><span class="language">Italiano</span></li></a>
          </ul>
        </li>
      </nav>