iphone - iPad 在加载带有音频标签的 div 时模糊页面

Question

所以我在 Safari 中遇到了一个特定于 iPad 的问题(它似乎有时也会在 iPhone 上发生，但要么是偶尔发生，要么只是没有严重到足以引起注意)。

但我有一个包含 5 个音频播放器(全部为 html5)的页面，它们都在一个显示为:无的 div 中开始。单击标题会将显示更改为显示: block ，播放器会弹出一个未完成的 html 5 播放器。这适用于任何地方(当然没有旧的 IE)，甚至适用于 iPad。

但是，当点击标题时，整个页面在 iPad 上变得模糊。我试过使用代码，似乎问题是将一个 div 从“无”加载到 block “，其中包含一个 html5 音频文件。我什至更改了它，所以它只显示标准 Controller ，我删除了我所有的额外的代码和问题仍然存在。

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

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

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

Answer 1

我刚刚遇到了一个类似的问题，当 Vimeo 视频位于 div 中时，我的 div 在 Ipad 上全都模糊了。

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

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