使用音频标签加载div时，iPad会模糊页面

Question

所以我在Safari中遇到了一个特定于iPad的问题（有时在iPhone上也会出现这种问题，但是偶尔也会发生这种问题，或者它的严重性还不够严重。）

但我有一个包含5个音频播放器（所有html5）的页面，它们都在一个div中以display：none开头。单击标题会更改要显示的显示：块，播放器弹出未完成的html 5播放器。这适用于任何地方（当然没有旧IE），甚至可以在iPad上使用。

然而，当点击标题时，整个页面在iPad上变得模糊。我试过玩代码，似乎问题是加载一个div从“无”阻止“其中有一个html5音频文件。我甚至改变了它，所以它只显示标准控制器，我删除了所有我的额外的代码和问题仍然存在。

有没有人对此有任何想法？

该网站的链接为http://artferretti.com/paulperrysound/recordings/

这是iPad上图片的链接：http://artferretti.com/blurrediPad.png

Answer 1

我遇到了类似的问题，当{VAMO视频位于div内时，我的div在Ipad上模糊不清。

我删除了overflow:hidden并修复了它。

您可以检查是否有溢出css规则，可能是关键。