有問題的網站：americandream.org.es/en下拉菜單內容會淹沒在iPad和Safari
我一直對這個bug兩天了。我的主要導航欄有幾個可下載內容的可點擊按鈕。在Chrome桌面版（我設計的桌面版）上，無論您如何調整窗口大小（響應地適應桌面，iPad和移動顯示模式），這都可以正常工作，Firefox和Internet Explorer也適用於桌面。該移動版本在iPhone 5上的Safari，Chrome和Firefox上也可以很好地工作。
但是，在我測試過的任何瀏覽器（Firefox，Chrome或Safari）中點擊實際iPad時不會出現下拉內容，它也不出現在Safari的桌面上。儘管下拉內容顯示在Chrome瀏覽器中用於桌面，但Chrome的調試器也不會顯示下拉內容，但會顯示一個框，其中應顯示下拉內容。
我可以在Chrome調試器中看到類.dropdown-content.show在點擊時確實激活並從display: none更改爲display: block，但它只是隱藏在其他頁面內容之後。當我刪除所有其他頁面內容時，我可以看到下拉內容確實正在切換並正確顯示。
因此，我推斷這個問題與iPad上的Safari和iOS上的某些瀏覽器如何理解z-index有關？導航欄有一個z-index: 9999，其中.dropdown-content應該繼承，但我知道z-index更多的是最大的數字總是顯示在最上面。
但究竟是什麼錯誤，我該如何解決？我曾嘗試手動指定opacity: 1和z-index: 9999爲.dropdown-content，並且我嘗試將-webkit-transform: translate3d(0,0,0)黑客描述爲here和here以覆蓋iPad並強制硬件加速，但也許我沒有正確實施該黑客？我的顯示設置在導航欄CSS中設置錯誤嗎？我也很困惑，如何在iPhone上的每個瀏覽器中使用完全相同的javascript和顯示設置，但iPad上沒有瀏覽器。
任何洞察力是讚賞。我剛剛在一個月前開始自學網頁設計，所以我確信這是一個簡單的錯誤，但我迷失了方向。
* facepalm *哇。非常感謝。我怎麼錯過了那個：P – Nathanael