Question

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

直播网站：http://sandbox.myramani.com/espace/

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

CSS：

#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;
width:220px;
background:#fff;
display:none;
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 {
display: block;
}

Answer 1

原因是什么：

onclick="return true"

上？可能是问题。我不认为需要JS。

Answer 2

IOS忽略任何显示的链接：none或visibility：hidden - 即使：hover显示它。我无法记住具体细节。

现在我引用Apple的话：

＆＃34;如果页面内容发生变化 mousemove事件，不会发送序列中的后续事件。＆＃34;

替换为以下内容：

       #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;
        }

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

2 个答案: