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 开发库：

鼠标事件的传递顺序与您在其他 Web 浏览器中所期望的顺序相同……如果用户点击不可点击的元素，则不会生成任何事件。

所以焦点只会通过点击另一个“可点击”元素来改变。div在您的案例中点击背景将无济于事。

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