iPhone上的Safari无法显示<ul>后：激活

Question

我的主页代码无法在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（移动版）！

Answer 1

只需将css添加到元素cursor:pointer即可。这是ios设备的破解。

Answer 2

尝试以下方法：

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

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

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

Answer 3

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

require BASE_PATH . '/file_name.php';