【发布时间】：2016-11-13 10:23:01
【问题描述】：
我在使用需要为我的网站提供服务的特定浏览器/设备时遇到问题。
基本上，我有锚标记，单击时会显示隐藏元素。这适用于除 iOS 之外的所有设备（PC 上的 Firefox/Chrome/IE，Android FF/Chrome/浏览器）。单击“查看简历”链接时，文本应过渡并显示。在 iOS 上执行此操作时，一个灰色框悬停在元素上（所以我假设它知道那里有东西），但是它不显示隐藏的元素。
在做了一些研究之后，我发现 iOS 处理“onclick”的方式可能存在问题或类似的东西。我试图实现一些不同的东西（主要是基于 java 的），尽管它们没有奏效。它们实际上可能不是我需要做的，因为这个实现完全基于 HTML/CSS，但我已经尝试了我遇到的所有东西。所涉及的大多数修复通常不涉及隐藏元素，并且通常是简单的“滚动到点”实现。这很可能是同一件事。
据我所知，从我阅读的文章/现有帮助页面中，iOS 存在某种错误或不喜欢锚标签。它可能不适用，但根据一些用户的说法，iOS 不提供“onclick”或“click”，而是使用某种形式的“touch”。
有解决办法吗？只要它按预期为 iOS 用户服务，它是否有点乱也无所谓。如果有一种方法可以监听“点击”并将其视为 iOS 的“触摸”，那可能是最简单的解决方案。我不是专家，所以我可能会离题。
我的代码：
<div class="dimg">
<img src="images/profile_1.png" alt="director1" height="200" width="200" class="img-responsive" style="border:2px solid #535353;">
</div>
<a href="#" class="showme" onclick="return false">View Bio</a>
<div id="desk" class="trans">
<p>This is the text to be displayed when the anchor is clicked</p>
CSS：
.showme {
text-decoration:none;
color:#535353;
letter-spacing:1px;
}
.showme:focus + #desk {
opacity:1;
visibility:visible;
position:relative;
}
#desk {
visibility:hidden;
opacity:0;
position:absolute;
border-radius:10px;
margin-top:10px;
text-align:left;
}
【问题讨论】：
-
能否请您缩短问题，如果可能的话？
-
当然，虽然我认为它可能已经被回答了。基本上，在 iOS 设备上，链接“#”（应该锚定到隐藏元素）不起作用。该元素保持隐藏状态，并且链接就像不可点击一样。仅在 iOS 上。在其他设备/浏览器上运行良好。
-
请先检查答案。让您的问题更短（同时保留所有相关信息）只会帮助您获得更多（积极）关注，正如您所知。
-
感谢您的反馈，如果有帮助，我通常会尽量详细说明，但下次我会尽量简短。另一个答案确实有帮助，但我也很感激你的答案。