iPhone 上的 Safari 在 :activate 之后不显示 <ul>答案

【问题标题】：Safari on iPhone doesn't show a <ul> after :activateiPhone 上的 Safari 在 :activate 之后不显示 <ul>
【发布时间】：2016-04-16 07:23:47
【问题描述】：

我的主页代码无法在 iPhone（6S、Safari）上运行：

<div class="Nav">
   <ul>
      <li><a href="/">G</a></li>
      <li><a href="/">Home</a></li>
      <li id="software"><a>Software</a>
         <ul>
            <li><a href="sw/android/">Android</a></li>
            <li><a href="sw/windows/">Windows</a></li>
         </ul>
      </li>
      <li><a href="about.html">&Uuml;ber</a></li>
   </ul>
</div>

CSS：

.Nav ul li:hover > ul, .Nav ul li:active > ul {
    display: block;
}

该代码适用于 Edge、Firefox（桌面）和 Chrome（移动）！

【问题讨论】：

标签： html ios css iphone

【解决方案1】：

尝试以下方法：

将 onclick="" 添加到您希望 iOS 识别为带有悬停元素的任何内容。

<div onclick="">Click Me!</div>

来源：Fix CSS hover on iPhone/iPad/iPod

【讨论】：

【解决方案2】：

只需将 css 添加到该元素 cursor:pointer。这是 ios 设备的 hack。

【讨论】：

【解决方案3】：

感谢您的回答，但我用这个来解决问题：

<script type="text/javascript">
    document.addEventListener("touchstart", function() {},false);
</script>

【讨论】：