我在本網站上有一個菜單，該菜單在標準的Windows 8.1 PC上通常在鍍鉻上運行，但在使用觸摸屏的Windows 8.1筆記本電腦上在鉻上查看時會出現奇怪的問題。CSS超級菜單 - 觸摸屏電腦上的奇怪行爲
子菜單項不可點擊，當您失去焦點時，文本會出現奇怪的重影。沒有看到這之前，不太確定是什麼原因造成它..我使用基金會4，該網站是建立在烏節。
http://www.barossa.sa.gov.au.web7.tempdomain.com.au/
任何意見，將不勝感激！
要複製問題，請打開Google Chrome開發人員工具並啓用「模擬觸摸屏」。
現在點擊一個頂級菜單項（如理事會），並懸停在菜單之外。我們可以看到菜單背景的子菜單標題是可見的。將鼠標懸停在「委員會」上方，您會看到菜單項的最後一級變得可見。
發生這種情況的原因是因爲當您點擊'Council'時，它將CSS類'hover'添加到它的li元素中。在那個裏面有班級「下拉」的ul。如果將類「懸停」應用於父李，CSS規則正在執行，將其設置爲可見。
查看基礎文檔http://foundation.zurb.com/docs/v/4.3.2/components/top-bar.html這裏發生的功能相同。不同的是，當在菜單外單擊時，「懸停」類將從菜單中的元素中移除。這不會發生在您的解決方案中。
可能與..
我會建議您更新基金會CSS和JavaScript到最新版本（4.3.2）。
否則，當您在菜單外單擊並從菜單中的所有元素中刪除.hover類時，您可以創建一些髒jQuery來監視。
希望有所幫助。