Html CSS3下拉菜单链接在iOS中不起作用

我有一个问题与iOS没有加载下拉菜单链接，它在其他工作正常，只有iOS

现场直播：

基本上，当您通过任何iOS浏览器查看时，导航下拉链接不会链接到内部页面，而只是刷新主页。有人能帮我弄清楚为什么会这样吗

CSS:

---

原因是什么：

onclick="return true" 

---

在路上？这可能是个问题。我不认为有必要在这些上使用JS

IOS会忽略任何包含display:none或visibility:hidden的链接，即使：hover显示该链接。我记不起细节了

现在我引用苹果的话：

“如果页面内容在 mousemove事件，则不会发送序列中的后续事件。“

替换为以下内容：

       #nav ul li ul.dd {
          box-sizing:border-box;
          -webkit-box-sizing:border-box;
          -moz-box-sizing:border-box;
          position:absolute;
          z-index:99;
          top:60px;
          left:0px;
          margin-left:0px;
          background:#fff;
          opacity:0; /* added */
          width:0px;/* added */
          height:0px;/* added */
          overflow:hidden;/* added */
          box-shadow: 0px 0px 10px rgba(0,0,0,.4);
          padding-bottom:10px;
      }

        #nav ul li:hover ul.dd, #nav ul li:focus ul.dd {
           opacity:1;
           width:220px;
           height:auto;
           overflow:visible;
        }

---

我不太确定，我试图实现它，但我会删除它，看看它是否工作，谢谢！在Safari inspector中查看这一点，似乎nav中的一些

标记可能有一些损坏的代码。特别是课堂。看看这个，试着重新输入引号。可能粘贴了一些不好的字符。ios上没有悬停，但当你点击该下拉菜单，然后点击下拉菜单下的某个页面时，它会进入主页？我想，如果是这样的话，它会转到主页，因为它会转到滑块中的链接，这可能是导航和滑块的父级之间的z索引问题。你是对的，但在内部页面上，同样的问题也适用。无法单击下拉菜单链接。。。我在想：悬停是个问题，需要用：聚焦？但我不能让它工作。我希望我有一些想法，我没有使用：悬停在几年了。我知道它是什么。您是否在导航中使用display:none，然后使用display:block？如果是，这是一个常见问题。只发布你的导航css，或者至少是默认的，然后是：hover状态，我会发布补丁谢谢，但它似乎不起作用！我也尝试了内部页面，但每当我尝试用手指在iPhone 4S上轻敲或单击（我正在使用BrowserStack测试iPad等）时，下拉链接似乎都不起作用。我会更深入地查看，但无论如何还是感谢您的帮助！演示站点正在使用显示：无，因此我无法在ipadThanks上测试它感谢您的帮助Christina，但这似乎是一个我无法解决的问题。我已删除“显示：无”，并根据您的编辑使用了新样式，但即使菜单仍无法工作。请再试一件事。制作链接

       #nav ul li ul.dd {
          box-sizing:border-box;
          -webkit-box-sizing:border-box;
          -moz-box-sizing:border-box;
          position:absolute;
          z-index:99;
          top:60px;
          left:0px;
          margin-left:0px;
          background:#fff;
          opacity:0; /* added */
          width:0px;/* added */
          height:0px;/* added */
          overflow:hidden;/* added */
          box-shadow: 0px 0px 10px rgba(0,0,0,.4);
          padding-bottom:10px;
      }

        #nav ul li:hover ul.dd, #nav ul li:focus ul.dd {
           opacity:1;
           width:220px;
           height:auto;
           overflow:visible;
        }