javascript - 我在 iPad 中遇到了 CSS 悬停问题

Question

这是一个页面 URL http://psd2htmlexpert.com/jem-08/请转到 09，当你点击时你会看到 3 个红色圆圈，它会显示另一个圆圈，但当我在外面点击时它永远不会完全消失我尝试了很多东西谁能帮助我。

这里是html

<figure class="sun_wide">
<div class="green_question">Did You know That</div>
<div class="sgls">Enough sunlight falls on the roof of the average suburban home to supply   3 times as much energy as that home consumes? </div>
</figure>

Answer 1

来自Safari Dev Library :

Mouse events are delivered in the same order you'd expect in other web browsers… If the user taps a non-clickable element, no events are generated.

因此焦点只会通过单击另一个“可单击”元素来更改。如您所见，点击背景 div 不会执行任何操作。

我在我的网站上写了更深入的解释:http://maketea.co.uk/2013/03/12/why-does-hover-work-on-my-ipad.html