3

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

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

在“画廊”菜单下，点击子菜单下的链接（例如“Benny”）不会执行任何操作。看起来 Safari 好像要导航到新页面，但事实并非如此。

但是，如果您点击并按住，则可以选择在新选项卡中打开链接，正如预期的那样。

自然地，该站点在台式机上运行良好。

保存链接的 DIV 未设置为 position:fixed，而是设置为 absolute。

有任何想法吗？

4

1 回答 1

1

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

您可以通过在 css 中使用 :hover 选择器来做到这一点。

1）所以用你的菜单项或包含 div 的 div 创建一个列表。

2）通过添加隐藏子菜单在css中： display: none;

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/

于 2012-12-20T15:56:58.490 回答