为什么我的网站单选按钮在iPhone / iPad上无法点击？

Question

我在tbmaster.co.uk上有一个网站，该网站上有3个单选按钮，它们在正常的浏览器中都可以正常工作，但是当我使用iPhone / iPad浏览该网站时，无法单击单选按钮。

如果您查看源代码，则将使用一些JavaScript来设置单选按钮的状态以及其他内容，因此不确定是否是问题所在

Answer 1

您的<div class="postit">是问题所在。 在iPad上，它仅覆盖单选按钮，并阻止单击事件通过。 如果您调整非iPad浏览器的大小，则可以获得相同的效果。 尝试使.postit变薄，以免覆盖单选按钮。 或者，您可以尝试播放表单和.postit的z-index ，以将表单置于顶部。

您还会注意到，您不能单击“ 添加其他序列号”按钮，但可以单击其他两个按钮，“ 添加其他 .postit号”位于.postit下，而其他按钮则没有。 类似的问题将适用于Machine ID 。