在Firefox和IE中顯示子菜單項，但在Chrome中不顯示

我正在面對顯示wordpress網站的子菜單項的奇怪問題。子菜單項在Firefox和IE中工作正常，但在Chrome中無法正常工作。我正在使用最新版本的Chrome。在Firefox和IE中顯示子菜單項，但在Chrome中不顯示

問題是當我訪問主頁時，下拉菜單也適用於Chrome，但是當我從該下拉菜單中選擇一個項目時，懸停不起作用。具體而言，我可以感覺到物品在那裏但不可見。懸停在所有項目的瀏覽器底部顯示子項目鏈接，但它只是在菜單中不可見。

該網站是http://soumissionrenovation.ca/ ---「Votre Projet」下的子項目正常工作。

，並嘗試訪問http://soumissionrenovation.ca/amenagement-paysager/ - 這是的「VOTRE謨」下拉項目之一，因此下拉不起作用（你知道一旦您訪問的頁面）

任何想法將不勝感激！

謝謝！

偏離主題......但那些負邊緣令人困惑...... – rnevius 2015-02-23 10:11:39

您只需要在#masthead中刪除overflow: hidden;即可。 .sub-menu「溢出」header容器，因此您需要允許overflow: visible;（默認值）。

2015-02-23 10:07:19 rnevius

非常感謝！它對我有效:-)如果你沒有提到，我不認爲我會自己檢查#masthead。再一次，非常感謝！ – 2015-02-23 14:58:56

不客氣！請通過選擇這個答案來解決這個問題。 :-) – rnevius 2015-02-23 15:03:30

-1

我以前見過這個，我很確定這是Chrome中的一個bug，我認爲它與滑塊有關。我只找到了解決辦法，但確實需要重組。

基本上，你需要確保你的<header id="masthead" class="site-header" role="banner">不是固定的。相反，您可以添加顯示：固定爲<div class="header-main">。

您可以使用檢查器來嘗試此操作。一旦頭部的顯示：固定被取消激活，菜單將再次變爲可見。

2015-02-23 09:52:51 ECO13

你確定這不是一個'z-index'問題嗎？當然看起來像一個... – rnevius 2015-02-23 09:54:57

是的，的確，但我相信不是這樣。我使用了很多固定定位，並且之前一直在努力。我在這裏報告過一次：https://code.google.com/p/chromium/issues/detail?id=376252 – ECO13 2015-02-23 10:04:50

回答