Question

我对iOS中以下网站上的链接有一个奇怪的问题：

http://www.bllink.net/aircraftindex.asp

在“图库”菜单下，点击子菜单下的链接（例如“Benny”）不会做任何事情。看起来好像Safari会导航到新页面，但事实并非如此。

如果您点按并按住，则可以按预期在新标签页中打开链接。

当然，该网站在台式机上运行良好。

持有链接的DIV未设置为position：fixed，而是设置为绝对。

有什么想法吗？

Answer 1

摆脱javascript并使用CSS完成下拉菜单。这将使您的代码更整洁，更易于阅读，并且您的网站将与关闭javascript的浏览器兼容。

您可以使用css中的：hover选择器

来完成此操作

1）所以用你的菜单项或包含div的div来制作一个列表。

2）通过添加：display：none;

隐藏css中的子菜单

3）使用悬停选择器在悬停时显示它们。例如：

   .menu .menubutton .submenubutton{
      /* selects the div or li within the class menubutton within the class menu */
      display: none;    }    .menu .menubutton:hover .submenubutton{
      /* uses the hover selector on the menubutton, then shows the submenu it contains */
      display: block;    }

深入解释请参阅csswizardry上的这篇文章或google的“css下拉菜单”： http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

iOS奇数链接行为

1 个答案: