iPhone上顯示的響應菜單出現問題（z-index？）

Question

我已經為客戶創建了一個網站，並且加載得非常好……除了在iPhone上。

我已經在Windows PC，Android手機，Windows的Safari上使用了模擬器...一切正常。 但是在iPhone上，它變得不靈敏。

這是問題所在：

在響應模式（小於1024像素）中，當您加載菜單時，應該有“關閉”和“菜單”以及其他菜單項。 但是，在iPhone上，不會加載“關閉”和“菜單”。 就像菜單項被我正在使用的背景圖像覆蓋一樣。

我使用了Z-Index，現在它在Windows的Safari上顯示正常，但在iPhone上卻沒有。

有人可以深入了解問題並可能解決嗎？

Beta網站位於www.conxis.com/nmp

謝謝！

Answer 1

我看了一下代碼。 問題似乎是.menuTable之前的所有隱藏輸入。 它們干擾了頂部菜單按鈕。

<div class="screen">
    <input class="hidden" type="radio" name="s1" id="sub1a-open">
    <input class="hidden" type="radio" name="s1" id="sub1b-open">
    <input class="hidden" type="radio" name="s1" id="sub1c-open">
    <input class="hidden" type="radio" name="s1" id="sub1d-open">
    <input class="hidden" type="radio" name="s1" id="sub1-close">
    <input class="hidden" type="radio" name="s2" id="sub2a-open">
    <input class="hidden" type="radio" name="s2" id="sub2b-open">
    <input class="hidden" type="radio" name="s2" id="sub2c-open">
    <input class="hidden" type="radio" name="s2" id="sub2d-open">
    <input class="hidden" type="radio" name="s2" id="sub2e-open">
    <input class="hidden" type="radio" name="s2" id="sub2-close">
    <input class="hidden" type="radio" name="s3" id="sub3a-open">
    <input class="hidden" type="radio" name="s3" id="sub3b-open">
    <input class="hidden" type="radio" name="s3" id="sub3-close">
    <div class="menutablet">
        <ul>
            <li class="m-close"><label for="menu-close" title="close menu"></label>Close</li>
            <li><a href="menu.html">MENU</a></li>
            <li><a href="dinein.html">DINE IN</a></li>
            <li><a href="carryout.html">CARRY OUT</a></li>
            <li><a href="catering.html">CATERING</a></li>
            <li><a href="cheesecakes.html">CHEESECAKES</a></li>
            <li><a href="index.html">HOME</a></li>
        </ul>
    </div>
</div>

Answer 2

我放棄了，只是將菜單移至較低位置，因此它不會與背景圖像重疊。

這不是解決方案，只是失敗的承認。